scrollleisten einfärben über CSS

darkcobalt · 19.12.2003, 00:42

hi ! ich verwende ein gästebuch bei dem das design über stylesheets zugewiesen wird. unterhalb poste ich die stylesheet-datei. was und an welcher stelle muss ich etwas hinzufügen damit ich die farbe der scrollbalken ändern kann.

der sourcecode:
|||||||||||||||||||||||||||||||||||||||||||||||||| ||||||||||||||

/* <body>-Eigenschaften */
body {
background-color:#999999;
}

/* Der Text, der über dem Gästebuch engezeigt werden soll (falls in der settings.php angegeben) */
.tgbbannertext {
color:black;
font-family:verdana;
font-weight:bold;
text-align:center;
font-size:10pt;
}

/* "Eintragen"-Text */
.tgbnewentrytext {
font-family:verdana;
color:black;
font-size:10pt;
}
a.tgbnewentrytext:link {
color:black;
text-decoration:none;
}
a.tgbnewentrytext:visited {
color:black;
text-decoration:none;
}
a.tgbnewentrytext:hover {
color:black;
text-decoration:underline;
}
a.tgbnewentrytext:active {
color:black;
text-decoration:underline;
}

/* Allgemein die Tabelle eines Eintrags */
table.tgbtable {

}

/* Die linke Zelle der Tabelle eines Eintrags */
td.tgbleftcell {
background-color:#999999;
text-align:left;
border:1px black solid;
}

/* Name dessen, der sich eingetragen hat */
.tgbleftcellnametext {
font-family:verdana;
font-weight:bold;
font-size:10pt;
}

/* Die restlichen Angaben der Person, die sich eingetragen hat */
.tgbleftcellothertext {
font-family:verdana;
font-size:10px;
}

/* Die rechte Zelle der Tabelle eines Eintrages */
td.tgbrightcell {
background-color:#999999;
text-align:left;
}

/* Der Text in der rechten Zelle, also der eigentliche Eintrag */
.tgbrightcelltext {
font-size:10pt;
font-family:verdana;
}

/* Kommentar zu einem Eintrag */
.tgbcomment {
font-family:verdana;
font-size:8pt;
font-weight:bold;
color:black;
background-color:#white;
border:black 1px solid;
padding:2px;
}

/* Das Formular um sich ins Gästebuch einzutragen */

table.tgbform { /* Die Tabelle beim Eintragen */
background-color:#999999;
}

td.tgbformleftcell{ /* Die linken Zellen */
background-color:#999999;
}
.tgbformleftcell { /* Der Text in den linken Zellen */
text-align:left;
font-family:verdana;
font-size:10pt;
}

td.tgbformrightcell{ /* Die rechte Zellen */
background-color:#999999;
}
.tgbformrightcell { /* Text in den rechten Zellen (ist eig. keiner da

*/
text-align:left;
}

td.tgberrorcell { /* Die Zelle, in der Fehler angezeigt werden (z.B. kein Name eingegeben) */
background-color:#999999;
}
.tgberrorcell { /* Text in der Fehlerzelle */
text-align:left;
color:black;
font-family:verdana;
font-weight:bold;
font-size:10pt;
}

textarea.tgbform { /* Die große TextBox, wo der eigentliche Eintrag rein kommt */
border:black 1px solid;
font-family:verdana;
font-size:8pt;
}
input.tgbform { /* Die kleinen Textfelder */
border:black 1px solid;
font-family:verdana;
font-size:8pt;
}
button.tgbform { /* Der Eintragen-Button */
background-color:white;
font-family:verdana;
font-size:8pt;
border:black 1px solid;
}

/* Die Seitenauswahl */
.tgbpagechange {
font-family:verdana;
font-size:10px;
}
a.tgbpagechange:link {
color:black;
text-decoration:none;
}
a.tgbpagechange:visited {
color:black;
text-decoration:none;
}
a.tgbpagechange:hover {
color:black;
text-decoration:underline;
}
a.tgbpagechange:active {
color:black;
text-decoration:underline;
}

.tgbcopyr {
color:gray;
font-family:verdana;
font-size:10px;
color:black;
}
a.tgbcopyr:link {
color:gray;
text-decoration:underline;
}
a.tgbcopyr:visited {
color:gray;
text-decoration:underline;
}
a.tgbcopyr:hover {
color:black;
text-decoration:underline;
}
a.tgbcopyr:active {
color:black;
text-decoration:underline;
}

|||||||||||||||||||||||||||||||||||||||||||||||||| ||||||||||||||

Potassium · 19.12.2003, 02:04

schick mal ne mail an phill2@gmx.at
maybe kanner dir helfen. aja er is ja auch im forum er heißt spharion.

Nightman · 19.12.2003, 05:02

tztztz potassium hast mich vergessen

*traurigbin*

also zu deinem prob

unter Body Eigenschaften

scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef;

nur musst hat deine farben angeben

Viel spass

Preacher · 19.12.2003, 11:02

Laut CSS Spec ist das keine Eigenschaft des Elements "BODY" sondern vom Element "HTML".
d.h.

html {
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef;
}

hab mich auch gewundert, aber wenn Du den M$-IE in den Standardkonformen Modus schaltest (durch Angabe des Doctypes in der ersten Zeile der HTML-Datei: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - wichtig ist die URL dazuzuschreiben, um den Quirk-Modus zu beenden und in den standardkonformen Modus zu schalten) werden die bunten Scrollbalken nciht mehr angezeigt. Erst wenn das HTML-Element formatioert wird erscheinen diese wieder.
Im Quirk-Modus (ohne URL im DTD odr gar ohne DTD) reicht die Formatierung von BODY.

Potassium · 19.12.2003, 13:33

benutzt man css in asp auch *unwissendbin*
hatte ka das du dich mit html usw auch so sehr beschäftigst sry

nachdem ich alles mim Dreamweaver mach kann ich das leider nicht

Nightman · 19.12.2003, 15:26

hrhr potassium vergiss das mit asp

asp läuft NUR am server nicht beim client

der client bekommt dann vom server nur ne stint normale html seite zugeschickt daher brauche ich auch css

aber macht nix hab dich trotzdem noch lieb

19.12.2003, 00:42	#1
darkcobalt Des moch ma in da Post... Registriert seit: 25.10.2001 Beiträge: 2.451	scrollleisten einfärben über CSS hi ! ich verwende ein gästebuch bei dem das design über stylesheets zugewiesen wird. unterhalb poste ich die stylesheet-datei. was und an welcher stelle muss ich etwas hinzufügen damit ich die farbe der scrollbalken ändern kann. der sourcecode: \|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\| \|\|\|\|\|\|\|\|\|\|\|\|\|\| /* <body>-Eigenschaften / body { background-color:#999999; } / Der Text, der über dem Gästebuch engezeigt werden soll (falls in der settings.php angegeben) / .tgbbannertext { color:black; font-family:verdana; font-weight:bold; text-align:center; font-size:10pt; } / "Eintragen"-Text / .tgbnewentrytext { font-family:verdana; color:black; font-size:10pt; } a.tgbnewentrytext:link { color:black; text-decoration:none; } a.tgbnewentrytext:visited { color:black; text-decoration:none; } a.tgbnewentrytext:hover { color:black; text-decoration:underline; } a.tgbnewentrytext:active { color:black; text-decoration:underline; } / Allgemein die Tabelle eines Eintrags / table.tgbtable { } / Die linke Zelle der Tabelle eines Eintrags / td.tgbleftcell { background-color:#999999; text-align:left; border:1px black solid; } / Name dessen, der sich eingetragen hat / .tgbleftcellnametext { font-family:verdana; font-weight:bold; font-size:10pt; } / Die restlichen Angaben der Person, die sich eingetragen hat / .tgbleftcellothertext { font-family:verdana; font-size:10px; } / Die rechte Zelle der Tabelle eines Eintrages / td.tgbrightcell { background-color:#999999; text-align:left; } / Der Text in der rechten Zelle, also der eigentliche Eintrag / .tgbrightcelltext { font-size:10pt; font-family:verdana; } / Kommentar zu einem Eintrag / .tgbcomment { font-family:verdana; font-size:8pt; font-weight:bold; color:black; background-color:#white; border:black 1px solid; padding:2px; } / Das Formular um sich ins Gästebuch einzutragen / table.tgbform { / Die Tabelle beim Eintragen / background-color:#999999; } td.tgbformleftcell{ / Die linken Zellen / background-color:#999999; } .tgbformleftcell { / Der Text in den linken Zellen / text-align:left; font-family:verdana; font-size:10pt; } td.tgbformrightcell{ / Die rechte Zellen / background-color:#999999; } .tgbformrightcell { / Text in den rechten Zellen (ist eig. keiner da / text-align:left; } td.tgberrorcell { / Die Zelle, in der Fehler angezeigt werden (z.B. kein Name eingegeben) / background-color:#999999; } .tgberrorcell { / Text in der Fehlerzelle / text-align:left; color:black; font-family:verdana; font-weight:bold; font-size:10pt; } textarea.tgbform { / Die große TextBox, wo der eigentliche Eintrag rein kommt / border:black 1px solid; font-family:verdana; font-size:8pt; } input.tgbform { / Die kleinen Textfelder / border:black 1px solid; font-family:verdana; font-size:8pt; } button.tgbform { / Der Eintragen-Button / background-color:white; font-family:verdana; font-size:8pt; border:black 1px solid; } / Die Seitenauswahl / .tgbpagechange { font-family:verdana; font-size:10px; } a.tgbpagechange:link { color:black; text-decoration:none; } a.tgbpagechange:visited { color:black; text-decoration:none; } a.tgbpagechange:hover { color:black; text-decoration:underline; } a.tgbpagechange:active { color:black; text-decoration:underline; } .tgbcopyr { color:gray; font-family:verdana; font-size:10px; color:black; } a.tgbcopyr:link { color:gray; text-decoration:underline; } a.tgbcopyr:visited { color:gray; text-decoration:underline; } a.tgbcopyr:hover { color:black; text-decoration:underline; } a.tgbcopyr:active { color:black; text-decoration:underline; } \|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\| \|\|\|\|\|\|\|\|\|\|\|\|\|\| ____________________________________ thanks D\|C* .::: DARKCOBALT :::.

19.12.2003, 05:02	#3
Nightman Inventar Registriert seit: 04.09.2001 Alter: 42 Beiträge: 1.959 Mein Computer	tztztz potassium hast mich vergessen traurigbin also zu deinem prob unter Body Eigenschaften scrollbar-3dlight-color:#d1d7dc; scrollbar-arrow-color:#006699; scrollbar-darkshadow-color:#98aab1; scrollbar-face-color:#dee3e7; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#dee3e7; scrollbar-track-color:#efefef; nur musst hat deine farben angeben Viel spass ____________________________________ MfG Nightman

19.12.2003, 11:02	#4
Preacher Inventar Registriert seit: 20.10.2003 Ort: Celovec / Klagenfurt Alter: 49 Beiträge: 2.559 Mein Computer	Laut CSS Spec ist das keine Eigenschaft des Elements "BODY" sondern vom Element "HTML". d.h. html { scrollbar-3dlight-color:#d1d7dc; scrollbar-arrow-color:#006699; scrollbar-darkshadow-color:#98aab1; scrollbar-face-color:#dee3e7; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#dee3e7; scrollbar-track-color:#efefef; } hab mich auch gewundert, aber wenn Du den M$-IE in den Standardkonformen Modus schaltest (durch Angabe des Doctypes in der ersten Zeile der HTML-Datei: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - wichtig ist die URL dazuzuschreiben, um den Quirk-Modus zu beenden und in den standardkonformen Modus zu schalten) werden die bunten Scrollbalken nciht mehr angezeigt. Erst wenn das HTML-Element formatioert wird erscheinen diese wieder. Im Quirk-Modus (ohne URL im DTD odr gar ohne DTD) reicht die Formatierung von BODY. ____________________________________ Bei Problemen zwei Griffe ranschweißen und aus dem Fenster .....

19.12.2003, 15:26	#6
Nightman Inventar Registriert seit: 04.09.2001 Alter: 42 Beiträge: 1.959 Mein Computer	hrhr potassium vergiss das mit asp asp läuft NUR am server nicht beim client der client bekommt dann vom server nur ne stint normale html seite zugeschickt daher brauche ich auch css aber macht nix hab dich trotzdem noch lieb ____________________________________ MfG Nightman

19.12.2003, 02:04	#2
Potassium Inventar Registriert seit: 06.03.2003 Alter: 37 Beiträge: 3.954 Mein Computer	schick mal ne mail an phill2@gmx.at maybe kanner dir helfen. aja er is ja auch im forum er heißt spharion.

19.12.2003, 13:33	#5
Potassium Inventar Registriert seit: 06.03.2003 Alter: 37 Beiträge: 3.954 Mein Computer	benutzt man css in asp auch unwissendbin hatte ka das du dich mit html usw auch so sehr beschäftigst sry nachdem ich alles mim Dreamweaver mach kann ich das leider nicht

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)