Ειδοποιητικό μήνυμα για κλειδωμένα θέματα

από **Luffy** Κυρ Φεβ 08, 2015 10:56 pm

Ειδοποιητικό μήνυμα για κλειδωμένα θέματα

Με αυτό τον οδηγό θα μάθετε πως να προσθέσετε ένα νέο κουτί ενημερώνοντας τα μέλη σας για τα κλειδωμένα θέματα. Κάποια μέλη δεν το προσέχουν αυτό και έτσι αυτός ο οδηγός θα σας βοηθήσει. Τι εννοούμε; Δείτε το αποτέλεσμα:

Javascript

Πάμε: Πίνακας Διαχείρισης ► Λειτουργικές Μονάδες ► HTML & JAVASCRIPT ► Διαχείριση κωδικών Javascript και πατάμε το κουμπί Ειδοποιητικό μήνυμα για κλειδωμένα θέματα AXoaXgC

Ειδοποιητικό μήνυμα για κλειδωμένα θέματα AXoaXgC

για να φτιάξουμε νέο Javascript και συμπληρώνουμε τα πεδία ως εξής:
Title * : Topic blocked
Placement: In the topics
Javascript code *: Κάντε αντιγραφή/επικόλληση τον εξής κώδικα

Κώδικας:: $(function(){ $('.bodyline #page-body:has(#i_reply[alt*="locked"]), #main-content:has(.i_reply[alt*="locked"])').prepend('<div class="topic-warning-block" align="center">Λυπούμαστε αλλά το θέμα είναι κλειδωμένο.</div>'); });

Αφού το κάνετε αυτό μπορείτε να αλλάξετε το κείμενο με αυτό που θέλετε αλλάζοντας μόνο το κείμενο με τα ελληνικά γράμματα. Αφού κάνετε τις αλλαγές που θέλετε, πατήστε Ειδοποιητικό μήνυμα για κλειδωμένα θέματα EVRvlh1

Ειδοποιητικό μήνυμα για κλειδωμένα θέματα EVRvlh1

για να αποθηκεύσετε την εργασία σας.

Μορφοποίηση CSS

Πάμε Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet και κάνουμε αντιγραφή/επικόλληση τον παρακάτω κώδικα:

Κώδικας:: .topic-warning-block { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png); color: #750000 !important; background-color: #D26067; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; font-weight: bold; font-size: 18px; text-shadow: 1px 1px 1px #AAA; }

Στοιχεία CSS:
border - 1px: Oρίζει το πάχος της γραμμής που θα έχει το περίγραμμα του κουτιού.
border - solid: Ορίζει τον τύπο της γραμμής που θα έχει το περίγραμμα του κουτιού. Μπορείτε να το αλλάξετε από solid σε dashed για να κάνετε την γραμμή από ευθεία σε διακεκομμένη.
margin - 10px: Ορίζει τις αποστάσεις που θα έχει πάνω και κάτω το κουτί. Αυξήστε τον αριθμό σε pixel και θα αυξηθεί η απόσταση.
margin - 0px: Ορίζει τις αποστάσεις που θα έχει δεξιά και αριστερά το κουτί. Αυξήστε τον αριθμό σε pixel και θα αυξηθεί η απόσταση.
background-image: Ορίζει μια εικόνα που θα φαίνεται στο φόντο του κουτιού. Αλλάξτε την εικόνα που περιλαμβάνεται μέσα στις παρενθέσεις με τον ενεργό σύνδεσμο link της νέας εικόνας που θέλετε.
color: Ορίζει το χρώμα που θα έχει το κείμενο στο κουτί.
background-color: Ορίζει το χρώμα του φόντου που θα έχει το κουτί.
border-radius: Προσθέτει μια ελαφρά γωνιά στο κουτί αντί να είναι μυτερές γωνίες. Αυξάνετε τον αριθμό σε pixel για να αυξήσετε την καμπυλότητα.
text-align: Ορίζει την στοίχιση του κειμένου.
font-weight: Ορίζει το πάχος των γραμμάτων.
font-size: Ορίζει το μέγεθος των γραμμάτων.
text-shadow: Προσθέτει σκιά στα γράμματα.

Ο οδηγός γράφτηκε από Cassius Dio του Ρουμάνικου Φόρουμ Υποστήριξης, μεταφράστηκε, ξαναγράφτηκε και διορθώθηκε από Ramdaman & Ange Tuteur του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά από Luffy