hi bellabionda,
Die Frage wurde hier wohl schon öfter gestellt und ist somit sehr beliebt
Hab dir mal einen Thread rausgesucht:
http://www.traum-projekt.com/forum/s...llbalken+farbe
hallo!
ich würde gerne das erscheinungsbild der scrollleisten auf meiner homepage ändern.
geht das mit stylesheet, und wenn ja, wie?
danke von einer ahnungslosen...
hi bellabionda,
Die Frage wurde hier wohl schon öfter gestellt und ist somit sehr beliebt
Hab dir mal einen Thread rausgesucht:
http://www.traum-projekt.com/forum/s...llbalken+farbe
da ich fast nur in der layoutansicht arbeite, habe ich damit trotzdem probleme.
in welchen code soll ich das denn einfügen? in den css-code, in die Startseite oder in der seite direkt?
hab alles ausprobiert und es funktioniert trotzdem nicht...
Hallo bellabionda,
Das visuelle Beeinflussen der Scrollbars wird nur vom IE unterstützt ab der Version 5.5!
Du kannst dies also nur sehen, wenn Du die entsprechende Seite im IE anschaust
Den Code der dazu nötig ist wird in CSS definiert.
Entweder im <head> Bereich aller Seiten auf denen es erscheinen soll oder ein einer separaten CSS-Datei welche per Link in die Seiten eingebunden wird.
Gruß Torsten
Meine Bilder im Internet: See the world through my eyes
Aber Vorsicht: Meine Bilder können nicht sprechen
Ich biete keinen privaten Support an!
Fragen oder Probleme? Nur keine Scheu verfasse einen Beitrag
hallo! irgendwie klappt das trotzdem nicht. ich hab es auf beide arten versucht, er zeigt mir immer den typischen winxp scrollbalken. und das auch mit ie 6.0.
ich habe auch eine css-datei von einem freund geladen, und auch da klappt es nicht...
woran kann das noch liegen?![]()
gruß bellabionda
Wie sieht denn dein Quelltext aus? So ist es immer schwer zu sagen, woran es liegt![]()
damit kann eigentlich nix schief gehen... nur farben anpassen natürlich nicht vergessenCode:<head> ... <style type="text/css"> body { scrollbar-base-color:#ffffff; scrollbar-3dlight-color:#eeeeaa; scrollbar-arrow-color:#555555; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#eeeecc; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000; scrollbar-track-color:#eeeecc; } </style> ... </head> <body> ... ...![]()
Hallo bellabionda,
kann man sich das mal online ansehen?
Oder poste doch mal den Source-Code.
_
Gruß Torsten
Meine Bilder im Internet: See the world through my eyes
Aber Vorsicht: Meine Bilder können nicht sprechen
Ich biete keinen privaten Support an!
Fragen oder Probleme? Nur keine Scheu verfasse einen Beitrag
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
Das ganze befindet sich aber in einem frame... und der frame bekommt einen scrollbalken, soweit ok, aber nicht so wie im stylesheet definiert.
hier nochmal der quelltext vom stylesheet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=content-type>
<meta content="mshtml 5.1000" name=generator>
</head>
<body>
/* stylesheets fuer internet explorer */
a { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 }
a:link { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 }
a:visited { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 }
a:hover { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FF6D00 }
/* font-weight: bold; */
a:active { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FFFFFF }
body { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva;
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
scrollbar-face-color: DEE3E7;
scrollbar-arrow-color: 909090;
scrollbar-base-color: DEE3E7;
scrollbar-3d-light-color: DEE3E7;
scrollbar-darkshadow-color: DEE3E7;
scrollbar-highlight-color: 909090;
scrollbar-shadow-color: 909090;
scrollbar-track-color: DEE3E7; }
/* background-color: #111111 */
/* Font-Definitionen*/
/* 1. Stelle= Font; 2. Stelle= Schriftgroesse; a=7, b=7, c=8, d=9 3. Stelle= Schriftschnitt; 4. Stelle= Schriftfarbe, 5. Stelle= Schriftdekos */
/* Formelement-Definitionen */
/*Pull-down-Menue */
select { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva;
font-size: 7pt;
text-decoration: none;
width: 85%;
/* dropdown-highlight-color: #FF0000; */
/* dropdown-3d-light-color: #FF0000; */
/* dropdown-darkshadow-color: #FF0000; */
/* dropdown-shadow-color: #FF0000; */
color: #808080;
background-color: #000000 }
table { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva;
font-size: 8px;
text-decoration: none;
color: #333333;
scrollbar-face-color: 090909;
scrollbar-arrow-color: FFFFFF;
scrollbar-base-color: 090909;
scrollbar-3d-light-color: FF0000;
scrollbar-darkshadow-color: 090909;
scrollbar-highlight-color: 909090;
scrollbar-shadow-color: 909090;
scrollbar-track-color: 00004F }
</BODY></HTML>
Dieser Teil muss auch in den Header zwischen <style> und </style stehenCode:/* stylesheets fuer internet explorer */ a { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 } a:link { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 } a:visited { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 } a:hover { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FF6D00 } /* font-weight: bold; */ a:active { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FFFFFF } body { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; font-size: 10px; text-decoration: none; color: #FFFFFF; scrollbar-face-color: DEE3E7; scrollbar-arrow-color: 909090; scrollbar-base-color: DEE3E7; scrollbar-3d-light-color: DEE3E7; scrollbar-darkshadow-color: DEE3E7; scrollbar-highlight-color: 909090; scrollbar-shadow-color: 909090; scrollbar-track-color: DEE3E7; } /* background-color: #111111 */ /* Font-Definitionen*/ /* 1. Stelle= Font; 2. Stelle= Schriftgroesse; a=7, b=7, c=8, d=9 3. Stelle= Schriftschnitt; 4. Stelle= Schriftfarbe, 5. Stelle= Schriftdekos */ /* Formelement-Definitionen */ /*Pull-down-Menue */ select { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; font-size: 7pt; text-decoration: none; width: 85%; /* dropdown-highlight-color: #FF0000; */ /* dropdown-3d-light-color: #FF0000; */ /* dropdown-darkshadow-color: #FF0000; */ /* dropdown-shadow-color: #FF0000; */ color: #808080; background-color: #000000 } table { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; font-size: 8px; text-decoration: none; color: #333333; scrollbar-face-color: 090909; scrollbar-arrow-color: FFFFFF; scrollbar-base-color: 090909; scrollbar-3d-light-color: FF0000; scrollbar-darkshadow-color: 090909; scrollbar-highlight-color: 909090; scrollbar-shadow-color: 909090; scrollbar-track-color: 00004F }
Also dann so:
HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Unbenanntes Dokument</title> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> /* stylesheets fuer internet explorer */ a { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 } a:link { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 } a:visited { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 } a:hover { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FF6D00 } /* font-weight: bold; */ a:active { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FFFFFF } body { margin: 0px; font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; font-size: 10px; text-decoration: none; color: #FFFFFF; scrollbar-face-color: DEE3E7; scrollbar-arrow-color: 909090; scrollbar-base-color: DEE3E7; scrollbar-3d-light-color: DEE3E7; scrollbar-darkshadow-color: DEE3E7; scrollbar-highlight-color: 909090; scrollbar-shadow-color: 909090; scrollbar-track-color: DEE3E7; } /* background-color: #111111 */ /* Font-Definitionen*/ /* 1. Stelle= Font; 2. Stelle= Schriftgroesse; a=7, b=7, c=8, d=9 3. Stelle= Schriftschnitt; 4. Stelle= Schriftfarbe, 5. Stelle= Schriftdekos */ /* Formelement-Definitionen */ /*Pull-down-Menue */ select { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; font-size: 7pt; text-decoration: none; width: 85%; /* dropdown-highlight-color: #FF0000; */ /* dropdown-3d-light-color: #FF0000; */ /* dropdown-darkshadow-color: #FF0000; */ /* dropdown-shadow-color: #FF0000; */ color: #808080; background-color: #000000 } table { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; font-size: 8px; text-decoration: none; color: #333333; scrollbar-face-color: 090909; scrollbar-arrow-color: FFFFFF; scrollbar-base-color: 090909; scrollbar-3d-light-color: FF0000; scrollbar-darkshadow-color: 090909; scrollbar-highlight-color: 909090; scrollbar-shadow-color: 909090; scrollbar-track-color: 00004F } } </style> Das ganze befindet sich aber in einem frame... und der frame bekommt einen scrollbalken, soweit ok, aber nicht so wie im stylesheet definiert. hier nochmal der quelltext vom stylesheet: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta content="text/html; charset=iso-8859-1" http-equiv=content-type> <meta content="mshtml 5.1000" name=generator> </head> <body> Laberrabarbar. ich bin ein inhalt </BODY></HTML>
dankeschön für deine bemühungen, aber entweder bin ich total doof, oder ich mache immernoch was falsch. ich habe jetzt den oberen quelltext als mein stylesheet gespeichert, und den unteren text in meinen headbereich des entsprechenden frames eingefügt, der scrollbalken bleibt windowsmäßig, obwohl ich nochmal alle farben zugewiesen habe.
muss das in den index-headbereich?
und kann man das nicht irgendwie über den layoutmodus machen?
wenn ich da versuche, das stylesheet anzufügen, taucht es im pulldownmenu nicht auf.
also problem immernoch nicht gelöst...
wir sprechen doch alle von dreamweaver, oder...?
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)