Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

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

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

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

Δημοσίευση από Luffy Την / Το Κυρ Φεβ 08, 2015 10:56 pm

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

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


Javascript

Πάμε: Πίνακας Διαχείρισης ► Λειτουργικές Μονάδες ► HTML & JAVASCRIPT ► Διαχείριση κωδικών Javascript και πατάμε το κουμπί για να φτιάξουμε νέο 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>');
});
Αφού το κάνετε αυτό μπορείτε να αλλάξετε το κείμενο με αυτό που θέλετε αλλάζοντας μόνο το κείμενο με τα ελληνικά γράμματα. Αφού κάνετε τις αλλαγές που θέλετε, πατήστε για να αποθηκεύσετε την εργασία σας.


Μορφοποίηση 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



Luffy
Διαχειριστής

Διαχειριστής

Άντρας
Τόπος : Ελλάδα
Δημοσιεύσεις : 1802

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!