Hier einmal eine kleine Einführung, wie ihr eurer Shoubox einen persönlichen Style verpassen könnt.

Dazu benötigt ihr natürlich erstmal eine Shoutbox und eine Css Datei.

Schritt 1: Erstellen der Css Datei
Dazu erstellt ihr ein neues Textdokument (.txt) fügt dann folgenden Code ein.


body {background-color:#000000;}

a:link{
color : #000000;
font-family: Verdana;
font-size: 10px;
text-decoration : none;}


a:active{
color : #000000;
font-family: Verdana;
font-size: 10px;
text-decoration : none;
}

a:visited{
color : #000000;
font-family: Verdana;
font-size: 10px;
text-decoration : none;
}

a:hover{
color : #000000;
font-family: Verdana;
font-size: 10px;
text-decoration : none;
}




body {
background-color: #000000;
font-family : Verdana;
font-size : 10px;
color: #000000;
scrollbar-track-color : #000000;
scrollbar-face-color : #000000;
scrollbar-arrow-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-highlight-color : #000000;
}



.SB_button {
border : 1px solid #000000;
background : #000000;
font-family : Verdana;
font-size : 10px;
color : #000000;
}


.SB_input {
border : 1px solid #000000;
background : #000000;
font-family : Verdana;
font-size : 10px;
color : #000000;
}


.SB_formarea {
background-color : #00000;
border: 1px solid #000000;
font-family: Verdana;
font-size : 10px;
color : #000000;
}


.SB_alert {
font-family : Verdana;
font-size : 10px;
color : #000000;
}



.SB_shoutbox {
font-family : Verdana;
font-size : 10pxl;
color: #000000;
}


a.SB_inlink:link {
font-family: Verdana;
font-size: 10px;
color : #000000;
text-decoration : none;
}



a.SB_inlink:active {
font-family: Verdana;
font-size: 10px;
color : #000000;
text-decoration : none;
}

a.SB_inlink:visited {
font-family: Verdana;
font-size: 10px;
color : #000000;
text-decoration : none;
}

a.SB_inlink:hover {
font-family: Verdana;
font-size: 10px;
color : #000000;
text-decoration : none;
}


.SB_table0 {
background-color : #000000;
font-family: verdana;
font-size : 10px;
color : #000000;
}

.SB_table1 {
background-color : #000000;
font-family: verdana;
font-size : 10px;
color : #000000;
}

blink;



Schritt 2: Anpassen der Farben

Die Farbe #000000 müsst ihr natürlich ändern.
Den Rest könnt ihr behandeln wie eine normale Css Datei, ihr könnt die Shoutbox gestalten, wie ihr möchtet.

Die Tags lassen sich so erklären, falls noch irgendetwas unklar ist, einfach ausprobieren, da mir selber manche Dinge noch unklar sind xD




Schritt 3: Abspeichern und Hochladen
Logischerweise müssen wir aus dem Textdokument jetzt noch eine Css Datei machen. Dazu geht ihr auf
Datei -> Speichern unter -> Dateiname: shoutbox.css / Dateityp: Alle Dateien

Um das ganze jetzt noch in eure Shoutbox einzubinden benutzt folgenden Code


<iframe src="http://eureshoutboxID.eueranbieter/?extcss=shoutbox.css" width="200" height="200" frameborder="0" ></iframe>


Bei eurem Anbieter müsst ihr natürlich einfügen, was es euer Anbieter vorgibt
Bei shoutbox.css die Url zu eurer Css Datei
Und Höhe ect müsst ihr eurem Layout entsprechend anpassen.

Einige Anbieter, erleichtern euch diesen Schritt, indem sie meist unter dem Menüpunkt "Shoutbox in die Website einbinden" optional ein Css-Datei Feld haben, in das ihr dann eure Url eingeben könnt und der Code wird automatisch für euch generiert.