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

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

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

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

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

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

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


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



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

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



Javascript

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


και ακολούθως πατήστε το και συμπληρώστε τα πεδία όπως πιο κάτω:
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;
}

Πατάτε και είστε έτοιμοι! cheers

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



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

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

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

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

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


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