Design Clean
    >> Tipps zum anpassen

Navi oben anpassen

Das horizontale Menü anpassen:

- auf Design einstellen
- auf "erweiterte Einstellungen"
- einfügen im Feld "Text über Design"

/* Menü-Button */
#access li a  {
     color: #000000;
     font-size: 15px;
     background-color: gray; }

/* HOVER Button */
#access li a:hover {
     color: brown;
     background-color: #FFFFB2; }

/* Unterseiten im Menü */
#access ul ul li a {
     color: white;
     font-size: 12px !important;
     background-color: orange; }

/* HOVER Unterseiten */
#access ul ul li a:hover {
     color: black;
     background-color: #eeeeee; }

/* aktuell besuchte Seite */
#checked_menu a {
color: black;
background-color: #CCCCCC !important; }


Damit der CSS-Code funktioniert: In den Menü-Einstellungen die Linkfarben auf "Standard" setzen.
Gewünschten Code Einfügen Feld "Text über Design", zwischen <style type="text/css"><!-- und --></style>


Hintergrundfarbe des Menüs

Das Menü sitzt im <div id="access">, dessen Hintergrundfarbe können wir ändern,
mit einfügen im Feld "Text über Design", VOR dem --></style>

#access {background: #FFFFFF !important; }

Da hier background   keine weiteren Eigenschaften bekommen hat, wäre auch die Transparenz entfernt.


Menü-Pfeil bei Hover wechseln

Wenn bei Mauskontakt eine andere Pfeil-Farbe erscheinen soll,
mit einfügen im Feld "Text über Design", VOR dem --></style>

#access li:hover > a, #access a:focus {
background-image:url(http://theme.webme.com/designs/clean/arrows/black_down.png); }

Gewünschte Grafikadresse im Code einfügen

= http://theme.webme.com/designs/clean/arrows/pink_down.png
= http://theme.webme.com/designs/clean/arrows/purple_down.png
= http://theme.webme.com/designs/clean/arrows/gray_down.png
= http://theme.webme.com/designs/clean/arrows/orange_down.png
= http://theme.webme.com/designs/clean/arrows/blue-light_down.png
= http://theme.webme.com/designs/clean/arrows/green_down.png
= http://theme.webme.com/designs/clean/arrows/brown_down.png
= http://theme.webme.com/designs/clean/arrows/blue_down.png
= http://theme.webme.com/designs/clean/arrows/red_down.png
= http://theme.webme.com/designs/clean/arrows/black_down.png

Beispiel 2 für Hover-Button:

Wenn im Hover neben Pfeil-Farbe auch Linkfarbe und Hintergrundfarbe wechseln sollen:

#access li:hover > a, #access a:focus {
   background-image:url(http://theme.webme.com/designs/clean/arrows/black_down.png); 
   color: #800000 !important;
   background-color: #FFFFFF !important; }
Hier wurde die Seite https://clean-test.de.tl/nix.htm eingebunden.

- die Seite wurde in der Navi versteckt
- nur auf der Seite wurden alle div + table entfernt
- im Feld "Text UNTER Design" wurde dieser Inhalt eingefügt
- Inhalt wurde nur für diese eine Seite sichtbar gemacht
- so lässt sich auch eine Seite in der Mediabox aufrufen

Man muss darauf achten, das die Seite hier nur soviel Inhalt bekommt, wie diese Box auch an Höhe hat.

Wer mehr Infos dazu benötigt: Kontakt
clean-test.de.tl: Heute :12 Aufrufe



Auf "autostart" habe ich verzichtet. Klicke Play im Player.

nach Oben