Code & Blog Logo

Der Standardskin des CMS bekommt als Hintergrund einen Verlauf von #adadad nach #ffffff. Der Verlauf geht nur über 400px, damit auch Benutzer mit kleinen Auflösungen den Verlauf gut ansehen können. Unter dem Verlauf ist eine weiße Fläche.

Der Verlauf wird via Bild eingebaut. Das heißt, dass ein Bild mit dem Verlauf erzeugt wird, welches als Background-Image gesetzt wird. Dann muss eingestellt werden, dass dieser sich nur horizontal verläuft. Die Datei für das Bild befindet sich im Ordner images, des Skin-Verzeichnisses. Der Name ist bg.jpg.

Wer sein Bild nicht selbst machen möchte, kann das nehmen:

Das Bild wird nun im Style-Tag der Datei index.php im Verzeichnis system/skins/default als Hintergrund gesetzt. Die Hintergrundfarbe wird nun auf #fff für weiß gesetzt. Als letztes wird noch mit background-repeat angegeben, dass es sich horizontal wiederholt:

      body{
        background-color: #fff;
        background-image: url('system/skins/default/images/bg.jpg');
        background-repeat:repeat-x;
        color: <?PHP echo sys::getColor("forecolor"); ?>;
      }
      a{
        color: <?PHP echo sys::getColor("highlight1"); ?>;
      }
      a:visted{
        color: <?PHP echo sys::getColor("highlight2"); ?>;
      }

Und hier ist mein Ergebnis (Es kann sich in der Zwischenzeit geändert haben):

http://cms.stevieswebsite.de/testseite.htm

Dies ist ein Beitrag aus der Aktion Code & Blog, in der hier ein eigenes CMS erstellt wird.