• Die Farben des CKEditors an Ihren Style anpassen

    Damit der CKEditor perfekt zu Ihrem Style passt, können Sie folgende Änderungen (ab vBulletin 4.1.4) durchführen.
    Fügen Sie dafür die folgenden Zeilen in Ihre additional.css.
    Diese finden Sie in Ihrem Administrator-Kontrollzentrum -> Styles & Templates -> Style auswählen -> Templates ändern -> CSS -> additional.css


    /* Hintergrundfarbe des CKEditor */
    .cke_skin_kama .cke_wrapper {
    background:{vb:stylevar postbithead_background} !important;
    }

    /* Hintergrundfarbe der CKEditor-Schaltflächen (Kann für manche Styles zu dunkel sein, kann daher auch gelöscht werden.) */
    .cke_skin_kama .cke_toolgroup {
    background: {vb:stylevar postbit_foot_background} !important;
    }


    /* Hintergrundfarbe für aktive CKEditor-Links*/
    .cke_skin_kama a:hover {
    background: {vb:stylevar control_content_hover_background} !important;
    }



    Hinweis: Falls Sie eigene Farben verwenden wollen, fügen Sie diesen Code ein...

    /* Background Color for CKEditor */
    .cke_skin_kama .cke_wrapper {
    background-color: #xxxxxx !important;

    }

    /* Background Color for CKEditor Buttons */
    .cke_skin_kama .cke_toolgroup {
    background-color: #xxxxx
    x !important;
    }

    /* Background Color for CKEditor Hover Link*/
    .cke_skin_kama a:hover {
    background-color: #xxxxxx !important;
    }

    ... und ersetzen Sie dabei xxxxxx durch den Hexcode der gewünschten Farbe.


    Originalbeitrag von Steve Machol bei vBulletin.com
    Kommentare 1 Kommentar
    1. Avatar von Janmaat
      Janmaat -
      Danke, hat mir sehr geholfen