Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές

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

Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές Empty Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές

Δημοσίευση από Luffy Πεμ Νοε 27, 2014 10:49 pm

Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές


Με αυτό τον οδηγό θα μάθετε πως να βάλετε κουμπιά προειδοποίησης για του Διαχειριστές και τους Συντονιστές χωρίς να έχετε πρότυπα σε άλλα θέματα και να χρειάζεται να τα αντιγράφετε συνέχεια όταν θέλετε να χρησιμοποιήσετε κάποιο πρότυπο.

Πως θα φαίνεται
Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές Captu180

Το αποτέλεσμα όταν δημοσιευτούν
Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές Captu181


Javascript

Πάτε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript και πατάτε το "Create a new Javascript" και συμπληρώστε τα πεδία ως εξής:
Τitle : ότι θέλετε
Placement : In all the pages
Javascript Code :
Κώδικας:
$(function() {
  var modButton = true, admButton = true,
  modImage = 'http://i39.servimg.com/u/f39/18/21/41/30/bouton11.png',
  admImage = 'http://i39.servimg.com/u/f39/18/21/41/30/bouton10.png';

  if (_userdata.user_level != 0 && modButton === true) {
    $("#text_editor_textarea").before("<img src='"+modImage+"' title='Moderator warning' id='mod-b'/>");
    $('#mod-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('[mod]','[/mod]')});
  }
  if (_userdata.user_level === 1 && admButton === true) {
    $("#text_editor_textarea").before("<img src='"+admImage+"' title='Admin warning' id='adm-b'/>");
    $('#adm-b').click(function(){$('#text_editor_textarea').sceditor('instance').insertText('[adm]','[/adm]')});
  }
  $('div.postbody div').each(function () {
    if ($(this).text().indexOf('[adm]') != -1) $(this).html($(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Administrator Warning</div><div>$1 </div></div>'));
    if ($(this).text().indexOf('[mod]') != -1) $(this).html($(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Moderator Warning</div><div>$1 </div></div>'));
  }); 
});

Αλλαγές που μπορούν να γίνουν:
Στον παραπάνω κώδικα μπορείτε να κάνετε τις εξής αλλαγές:

modButton : αυτό είναι το κουτί προειδοποιήσεων των Συντονιστών. Μπορείτε να κρύψετε και να εμφανίσετε το κουμπί αλλάζοντας την τιμή του από true σε false αναλόγως.

admButton : αυτό είναι το κουτί προειδοποιήσεων των Διαχεριστών. Μπορείτε να κρύψετε και να εμφανίσετε το κουμπί αλλάζοντας την τιμή του από true σε false αναλόγως.

true : ενεργό
false : ανενεργό

Πως να αλλάξετε τις εικόνες των κουμπιών:

modImage : με αυτό αλλάζετε την εικόνα του κουμπιού των Συντονιστών. Αντικαταστήστε το https://i.servimg.com/u/f39/18/21/41/30/bouton11.png με το URL της εικόνας που θέλετε να έχει το κουμπί.

admImage : με αυτό αλλάζετε την εικόνα του κουμπιού των Διαχειριστών. Αντικαταστήστε το https://i.servimg.com/u/f39/18/21/41/30/bouton10.png με το URL της εικόνας που θέλετε να έχει το κουμπί.


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

Πάτε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet και προσθέτετε τον εξής κώδικα:
Κώδικας:
/* Warning buttons */
 
.mod_mess, .adm_mess {
margin: 5px auto;
width: 90%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
 
.mod_mess a.postlink, .adm_mess a.postlink {
color: #FFF !important;
text-decoration: underline !important;
}
 
/* Administrator bb-Code - message block */
 
.adm_mess {
background: #e54858;
background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Administrator bb-Code - title */
.adm_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #B60505; 
}
   
/* Administrator BB-Code - text presentation */
.adm_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
}
 
/* Moderator BB-Code - message block */
 
.mod_mess {
background: #5c93f5;
background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
-webkit-box-shadow: 4px 4px 0px 0px #352727;
-moz-box-shadow: 4px 4px 0px 0px #352727;
box-shadow: 4px 4px 0px 0px #352727;
}
 
/* Moderator BB-Code - title */
.mod_mess .titl {
font-size: 15px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #0D4DD3;   
}
   
/* Moderator BB-Code - text presentation */
.mod_mess .titl + div {
display: block;
margin-left: 10px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center; 
}

Σημειώστε ότι η επιλογή "Optimize your CSS" πρέπει να είναι στο "Όχι":
Kουμπιά προειδοποίησης για Διαχειριστές και Συντονιστές T1bBX54

Όταν τελειώσετε πατήστε το Submit και είστε έτοιμοι!

Ο οδηγός γράφτηκε από Dana Domirani, μεταφράστηκε και τροποποιήθηκε από Ange Tuteur του Αγγλικού Φόρουμ Υποστήριξης και μεταφράστηκε στα Ελληνικά για τις ανάγκες του ForumGreek.
Luffy

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

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



Luffy ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

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

- Παρόμοια θέματα

Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης