Elxis CMS Forum
Ελληνικό Forum => Γενικά Θέματα για το Elxis CMS => Topic started by: tsagarjohn on October 20, 2009, 13:54:25
-
Καλημέρα σε όλους.
Είμαι και εγώ ένας από τους καινούριους στα cms και ειδικά στο elxis με το οποίο καταπιάνομαι γύρω στο δίμηνο.
Ήθελα λίγο τη βοήθειά σας όσον αφορά τα css.
Βασικά δεν σκόπευα να ασχοληθώ καθόλου καθώς στο site που φτιάχνω έχω μόνο την (τρελή!) απαίτηση για συγκεκριμένο font size καθώς και font. Προσπαθώντας όμως μέσα από τον tiny editor του elxis να αλλάξω το font size κάθε φορά που έκανα save δεν μου έσωζε τις ρυθμίσεις.
Ψάχνοντας λίγο στο forum (το οποίο πραγματικά περιέχει φοβερή βοήθεια) κατάλαβα ότι είναι θέμα css.
Επειδή όμως είμαι εντελώς άσχετος με τα css, θα ήθελα να ρωτήσω τα εξής:
πως θα ορίσω στα heading 1, 2 και 3 ότι θα χρησιμοποιούν ένα σταθερό font size (πχ θέλω το h1 να είναι 12pt το h2 16pt και το h3 20pt) ? Πρέπει να πειράξω κάποιο από τα αρχεία css του template? Και αν ναι ποιο θα είναι αυτό?
Επίσης αν θέλω να έχω custom css αρχείο (πχ το john.css το οποία θα δηλώνω στην παραμετροποίηση του bot του tiny editor) θα μπορούσα να αντιγράψω τα δεδομένα του βασικού css αρχείου που χρησιμοποιεί το template και μετά να τροποποιήσω τα επιμέρους στοιχεία (δηλαδή font size, heading κλπ) ? και αν ναι, ποιο css αρχείο χρησιμοποιείται απο default?
-
Η εμφάνιση του site καθορίζεται από το css του επιλεγμένου template. Το αρχείο css έχει ένα στάνταρ όνομα και αυτό είναι "template_css.css".
Οπότε για το template "okto" για παράδειγμα το css είναι: templates/okto/css/template_css.css
Η σύγχρονη προσέγγιση είναι να ξεχωρίζουμε τις css δηλώσεις που αφορούν τη δομή από αυτές που αφορούν το αισθητικό κομμάτι. Για αυτό και ως περιεχόμενο του template_css.css δεν θα βρεις τίποτα άλλο παρά το import δύο άλλων αρχείων css, του layout.css (δομή) και του customize.css (αισθητικό κομμάτι).
Εσένα σε ενδιαφέρει το: templates/okto/css/customize.css (αγνόησε τα -rtl αρχεία)
Σε αυτό το αρχείο θα κάνεις τις επεμβάσεις σου για να αλλάξεις την εμφάνιση του site (χρώματα, γραμματοσειρά, κλπ).
Φυσικά αντί για το "okto" θα δουλέψεις στο template που σε ενδιαφέρει.
-
σε ευχαριστώ για την καθοδήγηση. λοιπόν έχω εγκατεστημένο το template okto. κατεβάζω στον υπολογιστή μου το αρχείο customize.css από το φάκελο /templates/okto/css και πάω εκεί που λέει
/* CONTENT */
/* headers */
h1.contentheading, h1.componentheading { font-size: 2.0em; font-weight: bold; color: #224F65; padding: 0.3em 0 0.1em 0; }
h2.contentheading { font-size: 2.5em; font-weight: bold; color: #333; padding: 1em 0 0.1em 0; }
h3.contentheading { font-size: 50pt; font-weight: bold; color: #333; padding: 1em 0 0.1em 0; }
και όπως θα δείς έχω αλλάξει το μέγεθος και το έκανα 30pt για το h3. έχοντας επιλέξει σε μια αυτόνομη σελίδα το h3 δεν πρέπει να είναι του μεγέθους 50pt? μηπως θέλει καμία άλλη παραμετροποίηση? (πχ στις ρυθμίσεις του bot?)
-
Είσαι σίγουρος πως έχεις βάλεις την σωστή class στο h3 που έγραψες στο άρθρο; Αν έγραψες σκέτο h3 αυτό: h3.contentheading δεν θα το "πιάσει".
-
h1.contentheading δουλευει όταν <h1 class="contentheading">page title h1</h1>
όχι όταν <h1>page title h1</h1> στο οποίο ισχύει το h1{....} από το tpl
ή αν το φτιάξεις το #lastcontainerdiv(αναλογως tpl) h1 {....}
Παραλληλη απάντηση με datahell..
-
50pt ??? αφίσα είναι?
-
το 50pt είναι άλλο θέμα, μην τον μπερδεύεις, άσε πρώτα να το βρει πως αλλάζει και θα το καταλάβει μόνος του.
-
οκ έχεις δίκιο δεν είναι αφίσα!!
απλά το έβαλα τόσο μεγάλο για να δώ αν θα αλλάξει τίποτα. δεν άλλαξε κάτι όμως
καμιά ιδέα?
-
Άλαλξε το h1.contentheading είναι ο τίτλος των άρθρων και των component. Θα πρέπει να σου αλλάξει.
-
φίλε μου ή θα μορφοποιήσεις στο css το σκέτο h1..h2 ktl για αυτόματη-καθολική ρύθμιση ή θα δώσεις στο συγκεκριμένο h3,h2 που έβαλες στο κείμενο την κλάση
δηλαδή θα δώσεις στο επιλεγμένο κείμενο που πρίν εκανες h3 ή h1 την κλάση "contentheading" από το styles μενού του tiny ....
ή χειροκίνητα από html κώδικα στο tiny :<h1 class="contentheading">page title h1</h1>
to h1.contentheading επηρεάζει μόνο όσα h1 έχουν την κλάση contentheading
το σκέτο h1 στο css επηρεάζει τα τα σκέτα h1 στο κείμενο.. και ου το καθε εξής με τα h2,h3 κτλ
διαλέγεις.. ή βάζεις τη κλάση κάθε φορά ή προσθέτεις-μορφοποιείς εφάπαξ τα σκέτα h1,h2... στο css ... όποιο είναι πρακτικότερο!
αυτό σου είπε ο Γιάννης και εγώ πρίν.. δε λέμε κάτι διαφορετικό
-
σας ευχαριστώ πολύ και τους δύο
τελικά άλλαξα το heading στο customize.css και μετά μορφοποίησα το κείμενο με την κλαση contentheading
φίλε μου ή θα μορφοποιήσεις στο css το σκέτο h1..h2 ktl για αυτόματη-καθολική ρύθμιση ή θα δώσεις στο συγκεκριμένο h3,h2 που έβαλες στο κείμενο την κλάση
δηλαδή θα δώσεις στο επιλεγμένο κείμενο που πρίν εκανες h3 ή h1 την κλάση "contentheading" από το styles μενού του tiny ....
ή χειροκίνητα από html κώδικα στο tiny :<h1 class="contentheading">page title h1</h1>
to h1.contentheading επηρεάζει μόνο όσα h1 έχουν την κλάση contentheading
το σκέτο h1 στο css επηρεάζει τα τα σκέτα h1 στο κείμενο.. και ου το καθε εξής με τα h2,h3 κτλ
διαλέγεις.. ή βάζεις τη κλάση κάθε φορά ή προσθέτεις-μορφοποιείς εφάπαξ τα σκέτα h1,h2... στο css ... όποιο είναι πρακτικότερο!
αυτό σου είπε ο Γιάννης και εγώ πρίν.. δε λέμε κάτι διαφορετικό