Αναλυση και templates

[arvacon]

Καλημερα. Παρατηρησα πως σε καποια templates οταν κανεις ζουμ out, ακολουθουν την αναλυση της σμυκρινσης που κανεις και προσαρμοζονται σε αυτη, ενω καποια αλλα μικραινουν και παραμενουν στην αναλυση που εχει η οθονη μου 4/5 δηλ. Λογικα αν ανοιξεις τις σελιδα σε μια wide οθονη, το ενα template θα προσαρμοστει σε οποιαδηποτε αναλυση εχει, ενω το αλλο θα δειχνει το site στενο και μικρο, σαν να το βλεπες σε μια οθονη συμβατικη.
Η ερωτηση μου ειναι, υπαρχει τροπος να αλλαξει κανεις τη συμπεριφορα ενος template που δεν προσαρμοζεται στις αλλαγες αναλυσης και πως γινεται αυτο?

[nikos]

Τα templates που προσαρμόζονται στο πλάτος της οθόνης έχουν ορισθεί με πλάτος επί τοις εκατό π.χ. width: 90%; ενώ αυτά που παραμένουν σταθερά έχουν ορισθεί με σταθερό πλάτος σε pixels π.χ. width: 970px;

To eshopper που χρησιμοποίησες αν δεις το αρχείο layout.css στην αρχή αναφέρει

Code: [Select]

#mainwrap {
width: 940px;
margin: 0 auto; /*center hack*/
text-align:left;
height:100% !Important;
height:1%; /* IE */
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:1em;
}

Δηλ. έχει σταθερό πλάτος 940 pixels (width: 940px;) και για να το κεντράρουμε χρησιμοποιείται το margin: 0 auto; /*center hack*/

Ενώ αν δεις το αντίστοιχο αρχείο του template BlueBell αυτό αναφέρει

Code: [Select]

#container {
margin: 0 auto;
padding: 0;
width: 84%;
text-align: left;
height:100% !Important;
height:1%; /* IE */
border: 0;
}

Δηλ. έχει πλάτος 84% της εκάστοτε οθόνης και κεντράρεται με το margin: 0 auto;

Ελπίζω να κατατοπίσθηκες κάπως.

[arvacon]

Καταλαβα περιπου, αλλα επειδη χρησιμοποιω το Intrenet solution template πλεον http://www.elxis-downloads.com/downloads/front-end-templates/71.html , μηπως σου ειναι ευκολο να με κατατοπισεις λιγο στο συγκεκριμενο γιατι τα χει λιγο διαφορετικα στο layout.css?

[nikos]

Ο κάθε developer που σχεδιάζει ένα template χρησιμοποιεί τον δικό του τρόπο και δεν υπάρχει κάτι standard σαν γενικός κανόνας που να διέπει όλα τα templates. Για το Internet solution που ρωτάς είναι σταθερού πλάτους 906 pixels και αυτό φαίνεται στο  αρχείο layout.css από τα 3 ids header, main, footer.

Πάντως θα σου σύστηνα να εγκαταστήσεις το CSS Viewer που είναι ένα καλό εργαλείο για τον Firefox που σε διαφωτίζει αναλυτικά για το css του οτιδήποτε δημιουργείς ή βλέπεις. Αν χρησιμοποιείς την έκδοση 4 του Firefox κοίτα εδώ πως θα το εγκαταστήσεις.

Επίσης τώρα που το θυμήθηκα διάβασε αυτόν τον οδηγό αν θέλεις για την δημιουργία templates στο Elxis

[arvacon]

Πολυ χρησιμο το add-on τελικα. Ευχαριστω!
Θα διαβασω και τον οδηγο σιγουρα.
 Παντως ενω στην αρχη μου φανηκε βουνο το elxis, γιατι ειχα συνηθισει με το Xara που ειναι πολυ απλουστευμενο στο να πειραζεις το κειμενο και οτιδηποτε εχει σχεση με τη σελιδα, αρχιζω πλεον να μπαινω στο νοημα.
Καλο θα ηταν παντως να βλεπαμε στην εκδοση 2011 να υπαρχει δυνατοτητα επεξεργασιας με την ιδια ευκολια που γινεται στο Xara web designer.

[webgift]

H κοινότητα αναπτύσσει arvacon το νέο Elxis με κωδική ονομασία Nautilus. Πολλά πράγματα θα απλοποιηθούν με δυνατότητες που δεν υπάρχουν σε άλλα CMS. Πραγματικά το πιστεύω ότι Αρκετοί προγραμματιστές θα το μιμηθούν, μελλοντικά!
Καλώς όρισες στην κοινότητα!;)

[arvacon]

Ωραια νεα λοιπον!
Καλως σας βρηκα!