Scrollbars inkleuren

Status
Niet open voor verdere reacties.

MoRpHeUz

Gebruiker
Lid geworden
7 jan 2003
Berichten
207
Hoi,

Ik wou de scrollbars voor een pagina op mijn website inkleuren. De code heb ik inmiddels:

<!-- FREE code from WWW.CGISCRIPT.NET, LLC -->
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:000000;
scrollbar-shadow-color:FFFFFF;
scrollbar-face-color:000000;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
}
//--></STYLE>

De code zou tussen de openings en sluit- HEAD moeten komen.

Het begin van mijn pagina ziet er zo uit:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Welkom op MORPHEUS ONLINE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-color: #000000;
background-image: url();
margin-top: 21px;
margin-left: 0px;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:active {
color: #FF0000;
}
.style2 {color: #CCFF00}
.style4 {color: #CCFF00; font-weight: bold; }
.style5 {color: #FFFFFF}
.style6 {color: #FF0000}
.style8 {color: #FF0000; font-weight: bold; }
.style9 {color: #21A120}
-->
</style></head>
<body>

Waar moet die scrollbar code nu komen?

GreetZz,
 
Zo doet ie ut niet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Welkom op MORPHEUS ONLINE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-color: #000000;
background-image: url();
margin-top: 21px;
margin-left: 0px;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:active {
color: #FF0000;
}
.style2 {color: #CCFF00}
.style4 {color: #CCFF00; font-weight: bold; }
.style5 {color: #FFFFFF}
.style6 {color: #FF0000}
.style8 {color: #FF0000; font-weight: bold; }
.style9 {color: #21A120}
-->
</style><!-- FREE code from WWW.CGISCRIPT.NET, LLC -->
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:000000;
scrollbar-shadow-color:FFFFFF;
scrollbar-face-color:000000;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
}
//--></STYLE>
</head>
<body>
 
Heb het net zelf geprobeert en het doet het prima
copy paste dit maar
<title>Welkom op MORPHEUS ONLINE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-color: #000000;
background-image: url();
margin-top: 21px;
margin-left: 0px;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:active {
color: #FF0000;
}
.style2 {color: #CCFF00}
.style4 {color: #CCFF00; font-weight: bold; }
.style5 {color: #FFFFFF}
.style6 {color: #FF0000}
.style8 {color: #FF0000; font-weight: bold; }
.style9 {color: #21A120}
-->
</style>
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:000000;
scrollbar-shadow-color:FFFFFF;
scrollbar-face-color:000000;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
}
//--></STYLE></head>

<body>
<p>**** </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>******************** ******** **** **** </p>
</body>


:thumb:
 
Klopt doet het niet........
dit moet uit de kop:
"http://www.w3.org/TR/html4/loose.dtd"
anders wordt de scrolbar niet ondersteund.

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan