Προσθέστε μια ανακοίνωση στο πάνω μέρος του φόρουμ
Σελίδα 1 από 1 • Μοιραστείτε
Προσθέστε μια ανακοίνωση στο πάνω μέρος του φόρουμ
Προσθέστε μια ανακοίνωση στο πάνω μέρος του φόρουμ |
Με αυτό τον οδηγό μπορείτε όλοι σας να προσθέσετε μια ανακοίνωση στο πάνω μέρος του φόρουμ σας όπου σε κάθε σελίδα και σε κάθε μήνυμα πάτε, αυτή η ανακοίνωση θα μένει μόνιμα εκεί. Επίσης, η ανακοίνωση αυτή μπορεί να αλλαχτεί από τους Ιδρυτές του κάθε φόρουμ σε οτιδήποτε θελήσει αυτός και όποτε το θελήσει. Η ανακοίνωση αυτή φαίνεται σε όλους τους βαθμούς ακόμα και σε επισκέπτες. Μορφοποίηση CSS Αρχικά θα βάλουμε το CSS όπου μετά τον κώδικα εξηγείται η κάθε γραμμή του. Πάμε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet και βάζουμε στο CSS τον εξής κώδικα:
- .GlAnnounc : Αυτή είναι η εντολή που θα ορίσουμε στο πρότυπο για να αλλάξουμε το στυλ του κουτιού ανακοίνωσης. - background: url(http://www.ucp-asbl.be/local/cache-vignettes/L128xH128/arton1471-383ec.png) no-repeat 14px #DFE5FF; : Αυτή η γραμμή είναι για το φόντο της ανακοίνωσης. Προσθέτει την εικόνα πριν το κείμενο και αλλάζει το χρώμα του φόντου σε ελαφρύ γαλάζιο με αυτό: #DFE5FF - background-size: 40px 30px; : Αυτή η γραμμή αλλάζει το μέγεθος της εικόνας που αναφέραμε πιο πάνω σε 40 pixel πλάτος και 30 pixel ύψος. Αυτά μπορείτε να τα κάνετε όπως εσείς θέλετε. - border: 1px solid #005479; : Προσθέτει περίγραμμα 1 pixel χρώματος μπλε σκούρο. - border-radius: 3px; : Κάνει τις γωνίες του κουτιού ελαφρώς γωνιακές. - box-shadow: 2px 2px 2px #DFDFDF; : Προσθέτει μια ελαφρώς γκρι σκιά στο κουτί της ανακοίνωσης. - color: #FCFFC3; : Κάνει τα γράμματα της ανακοίνωσης κιτρινωπά. - font-size: 15px; : Το μέγεθος των γραμμάτων είναι 15 pixel. - margin: 5px; : Αφήνει μια απόσταση 5 pixel από οτιδήποτε βρίσκεται πάνω, κάτω, δεξιά και αριστερά από το κουτί ανακοίνωσης. - padding-bottom: 10px; : Η απόσταση των γραμμάτων από το κάτω μέρος του κουτιού ανακοίνωσης. - padding-left: 64px; : Η απόσταση των γραμμάτων από το αριστερό μέρος του κουτιού ανακοίνωσης. - padding-top: 8px; : Η απόσταση των γραμμάτων από το πάνω μέρος του κουτιού ανακοίνωσης. - text-shadow: 1px 1px 3px #000; : Προσθέτει μια μαύρη σκιά στα γράμματα της ανακοίνωσης. Αφού αλλάξετε ότι θέλετε από τον κώδικα CSS πατάτε . Αλλαγές στα Πρότυπα Τώρα θα προσθέσουμε τον κώδικα στο πρότυπο για να υυπάρχει παντού στο φόρουμ σας. Πάμε λοιπόν: Πίνακας Διαχείρισης > Εμφάνιση > Πρότυπα > Γενική Διαχείριση > overall_header και πατάμε το εικονίδιο για να επεξεργαστούμε το πρότυπο ( ) Ακολούθως βρίσκουμε αυτό:
Αφού τελειώσετε τις αλλαγές που θέλετε πατάτε και ακολούθως δημοσιεύετε το πρότυπο πατώντας το εικονίδιο δημοσίευσης ( ) και είστε έτοιμοι! |
Ο οδηγός γράφτηκε από Luffy για τις ανάγκες του ForumGreek. | |
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Παρόμοια θέματα
» Προσθέστε πεδίο με την κατάσταση online για φόρουμ μορφής phpbb3 & invision
» Προσθέστε βέλη "Πάνω / Κάτω"
» Προσθέστε Flash games στο φόρουμ σας
» Προσθέστε το lightbox εφέ στις εικόνες του φόρουμ σας
» Προσθέστε την Προσαρμοσμένη Αναζήτηση της Google στο φόρουμ σας
» Προσθέστε βέλη "Πάνω / Κάτω"
» Προσθέστε Flash games στο φόρουμ σας
» Προσθέστε το lightbox εφέ στις εικόνες του φόρουμ σας
» Προσθέστε την Προσαρμοσμένη Αναζήτηση της Google στο φόρουμ σας
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
|
|