Hilfe->eigener Style | letzte Änderung: 2008-05-11 00:00:00
Diese Funktion ist etwas für Profis mit CSS Erfahrung!

Wenn es nichts aufwendiges werden soll kannst du auch hier einen Style erstellen lassen.


Von Chattern eingesendete Styles ("Ziel speichern unter..." machen!):
Seiten mit nützlichen Informationen:

Am besten ist es immer, dies über ein Beispiel zu erklären. Die folgenden CSS-Angaben sind aus dem aktuellen Matrix-Style. Wenn du denkst, dass dein Style der letzte Schrei ist, dann sende ihn uns zu, um ihn zu veröffentlichen. Die ersten Werte, die mit "#" je Zeile beginnen, sind interne Angaben und werden vom Chat aus dem CSS-Bereich genommen.
Hier wird nicht auf CSS eingegangen, sondern nur beschrieben, wie man das CSS im Chat anwenden kann.


/* Ab hier beginnt der interne Bereich */
/* erste Farbe, meist die Dunkle. Wird fuer Titel einer Tabelle oder aehnliches verwendet */
 #f1:#007700

/* zweite Farbe. Meist verwendet fuer die Zeilen einer Tabelle */
 #f2:#00CC66

/* Allgemeine Hintergrundfarbe. Sollte die gleiche sein wie im body! */
 #fhg:#000000

/* Werdaleiste: Hintergrundfarbe standard */
 #werda-fn:

/* Werdaleiste: Hintergrundfarbe over */
 #werda-fo:#00CC66

/* Werdaleiste: Hintergrundfarbe ausgewählt */
 #werda-fs:#00FF66

/* Werdaleiste: Hintergrundfarbe ausgewählt+Over */
 #werda-fos:#11FF77

/* Werdaleiste: Hintergrundfarbe für Nick-Menu */
 #werda-fi:#999999

/* Werdaleiste: normale Textfarbe */
 #werda-ft:#00FF66

/* Ab hier beginnt der CSS-Bereich */

a:link {text-decoration:none; color:#00FF66;}
a:visited {text-decoration:none; color:#00FF66;}
a:hover {
 text-decoration:none;
 color:#000000;
 background-color:#007700;
}

body { /* allgemeine Angaben fuer den body */
 background-color:#000000;
 background-attachment:fixed;
 background:url(http://www.viacobra.de/pics/matrix_hg.gif);
 color:#00FF66; /* 336633 */
 font-family:Times new Roman;
 padding:0px;
 scrollbar-darkshadow-color:#00FF00;
 scrollbar-base-color:#007700;
 scrollbar-arrow-color:#00CC66;
 scrollbar-track-color:#007700;
}

.body_output { /* spezialangaben fuer den body der Chatausgabe */
 background-color:#DFDFDF;
 color:#000000;
 background:url(http://core.viacobra.de/bg03.gif);
}

input, select, textarea { /* Formulare */
 border:2px solid #007700;
 background-color:#99FF99;
 font-family:"courier new";
}

table { /* allgemein Tabellen */
 empty-cells: hide;
}

.tbl_full td { /* Tabelle einfarbig */
 background-color:#00CC66;
 color:#007700;
}

.tbl_list, .tbl_att { /* Tabelle einfarbig, Tabelle mit Tabellenkopf auf der linken Seite (siehe Option->Einstellungen) */
 background-color:#007700;
}

.tbl_list th, th { /* Tabellenkopf */
 background-color:#007700;
}
.tbl_list td, .tbl_att td { /* Zelleneigenschaften */
 background-color:#00CC66;
 color:#007700;
}

.tbl_att th { /* Tabellenkopf der Tabellen mit Tabellenkopf auf der linken Seite*/
 text-align:left;
 text-valign:top;
}

.tbl_werda, .tbl_room { /* Tabelle der Werdaleiste und der Raumliste */
 padding:0px;
 margin:0px;
 border-spacing:0px;
 font-family:"Courier New";
 font-size:10pt;
 font-weight:bolder;
 color:#00FF66; /* #336633 */
 cursor:pointer;
 width:100%;
 border:5px groove #007700;
}

td a:visited, td a:link {
 text-decoration:none;
 valign:center;
};

.tbl_room_info, .tbl_werda_info { /* Tabelle: Nickmenu der Werdaleiste und der Chatterinformation in der Raumliste */
 position:absolute;
 display:none;
 top:90px;
 left:0px;
 background-color:#007700;
}

.tbl_room_info td, .tbl_werda_info td { /* siehe .tbl_room_info nur fuer die Zellen */
 background-color:#00CC66;
}

.warn { /* span: Warnungen bzw Hinweise im Chat */
 color:#ff0000;
 font-size:6t;
}

.info { /* span: Informationstexte im Chat */
 color:#00FF66;
 font-size:8pt;
}

.button, button { /* Buttonangaben */
 border:2px solid #000000;
 background-color:#007700;
 font-weight:bold;
}

hr {
 color:#00bb00;
}