Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

[admin-Center] farbauswahl links von der Maus

Begonnen von caga, 29. März 2009, 16:37:26

« vorheriges - nächstes »

caga

Worum geht es?
Der Farbauswahl-Dialog soll links und nicht wie bisher rechts von der Maus dargestellt werden. Dies bietet den Vorteil, dass der Farbdialog bei geringen Bildschirmauflösungen nicht aus dem sichtbaren Bereich läuft.

Wie wird's gemacht?
Öffnet dazu einfach die Datei "js_color_picker_v2.css" im Ordner "admin/js_color_picker_v2/" eurer mozilo-Installation.
Ganz oben findet Ihr dort die beiden IDs "dhtmlgoodies_colorPicker" und "dhtmlgoodies_colorPicker_iframe".
In jede dieser beiden ID-Selektoren fügt ihr nun eine neue Zeile mit dem Inhalt margin-left: -250px; ein.
Bei mir sieht der Anfang dieser Datei nun folgendermaßen aus:
/*
*
* $Revision:19 $
* $LastChangedDate:2008-03-12 18:06:54 +0100 (Mi, 12 Mrz 2008) $
* $Author:arvid $
*
*/
#dhtmlgoodies_colorPicker{
position:absolute;
padding-bottom:1px;
background-color:#FFF;
border:1px solid #317082;
z-index:1000;

width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px;
                margin-left: -250px;
}

#dhtmlgoodies_colorPicker_iframe{
position:absolute;
padding-bottom:1px;
z-index:1;

width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px;
                margin-left: -250px;
}

Wie bzw. warum funktioniert das so?
In diesen beiden Selektoren wird die breite des Colorpickers festgelegt. Wie ersichtlich ist, beträgt diese 250 Pixel. Da wir wissen, dass der Dialog rechts von der Maus mit einer Breite von 250 Pixeln eiingefügt wird, verschieben wir ihn einfach um eben diese Breite nach links, so dass er mit seiner rechten Kante an der Maus anliegt.

Sollten Fragen und/oder Probleme damit auftreten dann gebt bitte Bescheid!
Gruß,
Carsten

azett

#1
Funktioniert bestens und ist ab 1.11.1 Standard. Danke! :)