Αλλάξτε την παλέτα χρωμάτων στον editor

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

Αλλάξτε την παλέτα χρωμάτων στον editor Empty Αλλάξτε την παλέτα χρωμάτων στον editor

Δημοσίευση από Luffy Τετ Δεκ 24, 2014 2:03 pm

Αλλάξτε την παλέτα χρωμάτων στον editor


Με αυτό τον οδηγό θα σας δείξουμε πως μπορείτε να αλλάξετε τον τρόπο που εμφανίζεται η παλέτα χρωμάτων στο φόρουμ σας. Ο οδηγός δουλεύει για όλες τις μορφές φόρουμ.

Αλλάξτε την παλέτα χρωμάτων στον editor 3defGoy


Τι πρέπει να γίνει

Πάμε: Πίνακας Διαχείρισης > Γενική Διαχείρισης > Μηνύματα και e-mail > Ρυθμίσεις και ορίζουμε την παλέτα μας να είναι στην απλή μορφή
Αλλάξτε την παλέτα χρωμάτων στον editor 1224310


Javascript

Πάμε: Πίνακας Διαχείρισης > Λειτουργικές Μονάδες > HTML & JAVASCRIPT > Διαχείριση κωδικών Javascript
Σιγουρέψτε ότι τα Javascript σας είναι ενεργοποιημένα
Αλλάξτε την παλέτα χρωμάτων στον editor Captur65

και ακολούθως πατήστε το Αλλάξτε την παλέτα χρωμάτων στον editor AXoaXgC και συμπληρώστε τα πεδία όπως πιο κάτω:
Title : Color Palette
Placement : In all the pages
Javascript code :
Κώδικας:
$(function(){$(function(){
  if ($("#text_editor_textarea").length < 1) return;
  $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
    var mColorBasic = [],
    html = $('<div />');
               
    // begin list of colors
             
    mColorBasic["Μαύρο"] = "#000000";
    mColorBasic["Σκούρο Μπλέ"] = "#00008B";
    mColorBasic["Γαλαζοπράσινο"] = "#008080";
    mColorBasic["Σκούρο Πράσινο"] = "#006400";
    mColorBasic["Λουλάκι"] = "#4B0082";
    mColorBasic["Καρπουζί"] = "#DC143C";
    mColorBasic["Πορτοκαλί"] = "#FF4500";
    mColorBasic["Καφέ"] = "#663300";
       
    mColorBasic["Σκούρο Γκρι"] = "#666666";
    mColorBasic["Ακριλικό Μπλε"] = "#4169E1";
    mColorBasic["Σκούρο Τιρκουάζ"] = "#00CED1";
    mColorBasic["Πράσινο"] = "#008000";
    mColorBasic["Μοβ"] = "#9400D3";
    mColorBasic["Κόκκινο"] = "#FF0000";
    mColorBasic["Ελαφρύ Πορτοκαλί"] = "#FF9933";
    mColorBasic["Ακριλικό Καφέ"] = "#A0522D";
       
    mColorBasic["Γκρι"] = "#D3D3D3";
    mColorBasic["Ουρανί"] = "#87CEEB";
    mColorBasic["Γαλάζιο"] = "#00FFFF";
    mColorBasic["Λαδί"] = "#32CD32";
    mColorBasic["Βιολετί"] = "#DA70D6";
    mColorBasic["Σομόν"] = "#FA8072";
    mColorBasic["Χρυσό"] = "#FFD700";
    mColorBasic["Ελαφρύ Καφέ"] = "#CD853F";
       
    mColorBasic["Λευκό"] = "#FFFFFF";
    mColorBasic["Ανοιχτό Τιρκουάζ"] = "#AFEEEE";
    mColorBasic["Σκούρο Γαλαζοπράσινο"] = "#7FFFD4";
    mColorBasic["Ανοιχτό Πράσινο"] = "#98FB98";
    mColorBasic["Ροζ"] = "#FFC0CB";
    mColorBasic["Ροδακινί"] = "#FFDAB9";
    mColorBasic["Κίτρινο"] = "#FFFF00";
    mColorBasic["Καρυδί"] = "#DEB887";
             
    // end list of colors
             
    for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
             
    html.find('span').click(function(e) {
      callback($(this).attr('color'));
      editor.closeDropDown(true);
      e.preventDefault();
    });
             
    editor.createDropDown(caller, "color-picker", html);
  }
})});

Πως να αλλάξετε τα ήδη υπάρχον χρώματα ;
Για παράδειγμα θα πάρουμε το Λευκό χρώμα
Κώδικας:
mColorBasic["Λευκό"] = "#FFFFFF";

mColorBasic["Λευκό"] : αλλάζετε το Λευκό με το χρώμα που θέλετε να βάλετε.
#FFFFFF : αλλάζετε το χρώμα με βάση το χρώμα που ορίσατε στο κείμενο πιο πριν. ( διαλέξτε χρώματα από εδώ )


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

Πάτε: Πίνακας Διαχείρισης > Εμφάνιση > Εικόνες και χρώματα > Χρώματα > CSS Stylesheet και αντιγράφετε τον εξής κώδικα στο CSS:
Κώδικας:
/* Color palette icons */
.color-option {
  display: inline-block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
  border: 2px solid #fff !important;  /* white border around the icon */
  margin: 3px !important;  /* space between each icon */
  box-shadow: 0 0 2px #778899;  /* shadow */
  cursor: pointer !important;
}

.color-option span{
  display: block !important;
  width: 15px !important;  /* width of the icon */
  height: 15px !important;  /* height of the icon */
}

.color-option, .color-option span {
  border-radius: 2px;  /* roundness */ 
}

/* Whole palette - the width influences how many icons appear */
.sceditor-dropdown.sceditor-color-picker {
  width: 200px !important;  /* width of the palette */
  height: 100px !important;  /* height of the palette */
  padding: 5px !important;
  border-radius: 5px !important;
}

Πατάτε Αλλάξτε την παλέτα χρωμάτων στον editor EVRvlh1 και είστε έτοιμοι! cheers

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

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

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



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

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

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

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