Design Clean
    >> Tipps zum anpassen

Design Farbe ändern

Farbe des Designs ändern:


  • eine Hintergrundfarbe bekommen :
  • der Hintergrund hinter dem Design = body
  • das Headerfeld = #masthead
  • Feld mit Seiteninhalt + Box = #content
  • Feld mit Menü (oben) = #access
  • Feld der rechten Box = #sidebar
  • offene Seite im Menü = #checked_menu


und so schaut der CSS Code aus :
<style type="text/css">
<--

/* Hintergrund hinter Design */
body { background:  none #XXXXXX !important; }

/* Titel im Header entfernen */
#claim { display: none!important; }

/* Farbe für Header, Menü, Seiteninhalt und Box */
#masthead, #content, #access, #sidebar { background: #XXXXXX !important; }

/* Menü-Button aktuell besuchte Seite */
#checked_menu  { background: #XXXXXX;}

/* Seitentitel im Seiteninhalt */
#main h1 {color:#XXXXXX;}

-->
</style>

Bei #XXXXXX gewünschten Hintergrundfarbe (farbcode) einfügen.

Mit einem Generator könnt Ihr harmonische Farbkombinationen finden.
Auf http://colorschemedesigner.com oder auf https://color.adobe.com/de/

- z.B. eine Hintergrundfarbe für body (hinter dem Design)
- zweite (helle) Hintergrundfarbe für Header - Menü - Seiteninhalt - Box
- dritter (dunlerer) Farbton für Überschriften und Hover Menü-Button

Textfarben ändern

Seiteninhalt = #main und rechte Box = #sidebar
die Textfarbe können wir mit color: festlegen

#main, #sidebar { color: #000080 !important; }

Mit einfügen in den ersten Code, vor dem --> </style>



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 :29 Aufrufe



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

nach Oben