scrolbar

Status
Niet open voor verdere reacties.
D

domenica

Nieuwe gebruiker
Lid geworden
19 jun 2008
Berichten
4
hoihoi
ik begin een beetje gek te worden

ik weet niet of ik de url hier kan plaatsen?ik hoop het wel anders is het moelijk uit te leggen wat mijn probleem is
ik wil graag de scrolbar een andere kleur geven maar het lukt me niet
ik heb de kleur erin verwerkt(in de code) maar het blijft het zelfde
http://www.twitterpated.nl/twitterpated/Guestbook.html

verder heb ik een vraag
ik zou graag bij nieuws het zelfde willen hebbem als deze site
http://www.satchmo-design.nl/ (en dan bij aktueel klikken)

dus een klein veld in het midden van mijn site
ik heb van alles geprobeerd, ik heb de hele google bestand door gezocht maar ik snap er geen hout van
wie kan me helpen????
 
SCROLLBAR STYLING
In je stylesheet moet je de code voor de scrollbar ( scrollbar-face-color: red;
scrollbar-highlight-color: blue; enzovoorts) bij de attributen voor de BODY plaatsen, dus hierbij :

body {
background-color: #000000;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
}


KLEIN VENSTER: dat heet een iframe.
 
dit is de code
ik heb geen idee waar ik veranderingen in moet brengen om de kleur van de balk te kunnen veranderen
help!:shocked:

<head>
<title>Twitterpated -gastenboek</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_restaurant1.css" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
}
.style26 {font-size: 10px}
.style56 {color: #330033}
.style60 {
font-size: 14px;
font-weight: bold;
}
.style61 { font-size: 18px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #9acd32;
}
.style71 {font-size: 16px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; }
.style62 {
font-size: 24px;
color: #666666;
}
.style63 {
color: #666666;
font-size: 16px;
}
.style64 {color: #9ACD32}
a:link {
color: #000000;
}
a:hover {
color: #000000;
}
a:visited {
color: #000000;
}
a:active {
color: #000000;
}
.style72 {color: #000000}
{
scrollbar-face-color: red;
scrollbar-highlight-color: blue;
scrollbar-shadow-color: yellow;
scrollbar-3dlight-color: green;
scrollbar-arrow-color: purple;
scrollbar-track-color: pink;
scrollbar-darkshadow-color: black;
}-->
</style>
</head>
<body>
<table width="89%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr bgcolor="#99ccff">
<td height="22" colspan="5" nowrap="nowrap" bgcolor="#000000" class="logo">&nbsp;</td>
</tr><tr bgcolor="#9ACD32">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr><tr bgcolor="#000000">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#99ccff">
<td height="50" colspan="4" nowrap="nowrap" background="img/Image.jpg" bgcolor="#56FF10" class="logo"><p><img src="img/kop.jpg" width="350" height="60" /></p></td>
<td background="img/Image.jpg" bgcolor="#56FF10"><div align="right"><img src="img/kop2.jpg" width="400" height="60" /></div></td>
</tr>
<tr bgcolor="#000000">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#003399">
<td height="23" colspan="5" nowrap="nowrap" bgcolor="#9ACD32" class="navText" id="navigation">&nbsp;&nbsp;<span class="style56"><a href="Index.html" target="_parent">HOME&nbsp;&nbsp;</a>&nbsp;<a href="wie zijn we.html" target="_parent">WIE ZIJN WE</a> &nbsp;<a href="Honden.html" target="_parent">HONDEN</a>&nbsp;&nbsp;<a href="Resultaten.html" target="_parent">RESULTATEN&nbsp;&nbsp;</a>NESTEN&nbsp;&nbsp;<span class="style26">NIEUWS</span>&nbsp;&nbsp;<a href="Info.html" target="_parent">INFORMATIE</a>&nbsp;&nbsp;<a href="Foto.html" target="_parent">FOTO'S</a>&nbsp;&nbsp;<a href="contact.html" target="_parent">CONTACT</a>&nbsp;&nbsp;<a href="Links.html" target="_parent">LINKS</a>&nbsp;&nbsp;<a href="Guestbook.html" target="_parent">GASTENBOEK</a></span> <div align="right"></div></td>
</tr>

<tr bgcolor="#ffffff">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr bgcolor="#ffffff">
<td valign="top" bgcolor="#FFFFFF"><img src="img/head.jpg" alt="Home Page Image" width="230" height="460" border="0" /></td>
<td width="50" valign="top"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td colspan="3" valign="top" align="center"><p>&nbsp;</p>
<p>&nbsp;</p>
<iframe src="News.html" name="I1" frameborder="0" class="style39" id="I1" style="width: 600px; height: 300px" border="0" marginwidth="1" marginheight="1"/>
<div align="left">De browser ondersteunt geen inlineframes of is momenteel zodanig geconfigureerd dat inlineframes niet kunnen worden weergegeven.</iframe></div></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>

<tr>
<td colspan="5" bgcolor="#9ACD32"><marquee scrollamount="3" scrolldelay="5">
<span class="style60">Welkom op de website van TWITTERPATED.</span>
</marquee></td>
</tr>
<tr bgcolor="#888888">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td height="21" colspan="2" bgcolor="#000000"><div align="left">
<table width="142" border="0" align="left">
<tr>
<td width="31"><div align="left"><img src="img/flagNED.jpg" width="30" height="15" /></div></td>
<td width="31"><div align="left"><img src="img/flagITA.jpg" width="30" height="15" /></div></td>
<td width="31"><div align="left"><img src="img/flagGER.jpg" width="30" height="15" /></div></td>
<td width="31"><div align="left"><img src="img/flagENG.jpg" width="30" height="15" /></div></td>
</tr>
</table>
</div></td>
<td height="21" colspan="2" bgcolor="#000000">&nbsp;</td>
<td bgcolor="#000000"><div align="right" class="style64"><!-- Begin Stealth code -->
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--hide this script from non-javascript-enabled browsers
var MyName = 'twitterpat';
var MyWidth = 22;
var MyHeight = 22;
var MyAlign = '';
// stop hiding -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"
SRC="http://www.stealth.nl/library/js/stealth_lite.js"></SCRIPT>

<NOSCRIPT>
<A HREF="http://www.stealth.nl/report/?name=twitterpat"
TARGET="_blank">
<IMG SRC="http://www.stealth.nl/usr/stealth.gif?name=twitterpat" BORDER="0"
ALT="Stealth rapport van twitterpat" WIDTH="1" HEIGHT="1"></A>
</NOSCRIPT>
<!-- Einde Stealth code -->
</div></td>
</tr>
<tr bgcolor="#9ACD32">
<td colspan="5"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr><tr>
<td width="217" height="20" bgcolor="#000000"><span class="style64">&copy; 2008 Happy Dog Design</span></td>
<td width="50" bgcolor="#000000">&nbsp;</td>
<td width="224" bgcolor="#000000">&nbsp;</td>
<td width="23" bgcolor="#000000">&nbsp;</td>
<td bgcolor="#000000"><div align="right"><span class="style64">All Rights Reserved</span></div></td>
</tr>
</table>
</body>
</html>
 
ik heb er dit van gemaakt

scrollbar-face-color: green;
scrollbar-highlight-color: green;
scrollbar-shadow-color: green;
scrollbar-3dlight-color: green;
scrollbar-arrow-color: green;
scrollbar-track-color: green;
scrollbar-darkshadow-color: green;
}-->
maar het blijft blauw
 
Het bovenste deel van het stylesheet maak je zo:

body {
background-color: #000000;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
scrollbar-face-color: green;
scrollbar-highlight-color: green;
scrollbar-shadow-color: green;
scrollbar-3dlight-color: green;
scrollbar-arrow-color: green;
scrollbar-track-color: green;
scrollbar-darkshadow-color: green;
}

en dan haal je het scrollbar gedeelte verderop in je stylesheet weg. Dan zou het moeten lukken.
 
helaas is het nog niet opgelost
we hebben van alles geprobeerd en een "deskudig"heeft ook naar gekeken maar helaas kan de scrolbar niet veranderd worden, ja alleen de schrolbar van windows zelf
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan