für einen einzelnen content probier mal das:
Code:
<div style="scrollbar-base-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#ff0000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#dedede; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; width:400px; height:400px; padding: 5px;
margin:0 10px 0 10px; border: 1px solid #444444; color: #000033; font-size: 0.9em; font-family: Arial; overflow: auto; background-color: #FFFF00;"> Text oder Inhalt</div>
natürlich die farben, größen und weiten anpassen
funzt nur im ie .... mozilla/firefox zeigen gar keine farbigen scrollbalken, opera seit der version7 zeigt nur farbige scrollbalken für die body-definition
natürlich kannst du das auch in der css definition machen etwa so:
Code:
<style type="text/css">
<!--
body{
scrollbar-base-color:#FF0000; /* Basisfarbe der Scroll-Leiste */
scrollbar-3dlight-color:#000000; /* Farbe für 3D-Effekte */
scrollbar-arrow-color:#FF0000; /* Farbe für Verschiebepfeile */
scrollbar-darkshadow-color:#000000; /* Farbe für Schatten */
scrollbar-face-color:#0000FF; /* Farbe für Oberfläche */
scrollbar-highlight-color:#FFFFFF; /* Farbe für oberen und linken Rand */
scrollbar-shadow-color:#000000; /* Farbe für unteren und rechten Rand */
scrollbar-track-color:#00FF00; /* Farbe für freibleibenden Verschiebeweg */
}
.bereich1
{
scrollbar-base-color:#ffffff;
scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#ff0000;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#dedede;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
width:400px;
height:400px;
padding: 5px;
margin:0 10px 0 10px;
border: 1px solid #444444;
color: #000033;
font-size: 0.9em;
font-family: Arial;
overflow: auto;
float: left;
background-color: #FFFF00;
}
-->
</style>
im bodybereich des html-dokumentes würde das dann so aussehen:
Code:
<body>
<div class="bereich1">Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text ... </div>
<div>Normaler Inhalt der Seite</div>
</body>
sehr bunt (zur Übersicht) .... wie geschrieben, funzt nur im ie