Antworten auf deine Fragen:
Neues Thema erstellen

Scrollbalken färben?

aftern00n

Nicht mehr ganz neu hier

Hi @ll,

also ich weiß das es tutorials usw. gibt für dieses thema,
jedoch hab ich ein problem.

wie schaff ich es den scrollbalken eines contents auf der seite
zu färben? es funktioniert nicht, wenn ich den code in die content-seite
selbst einbaue oder die seite auf der das content erscheint.

kann mir wer helfen?

sonYx
 

Antworten zum Thema „Scrollbalken färben?“

aftern00n

Nicht mehr ganz neu hier

<style type="text/css">
body{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#747474;
scrollbar-shadow-color:#747474;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#747474;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#747474;}
</style>

oder

<style type="text/css">
body{scrollbar-base-color:#FFFFFF;}</style>

funktioniert aber wie gesagt beides nicht
 
H

Hennel

Guest

Habe den code oben nun nicht nach Fehlern abgesucht, denn die Mühe kann man sich sparen. Zuerst frage ich lieber, mit welchen Browser du surfst. Mit FireFox?
FireFox, Opera, etc. stellen nämliche keine farbigen Scrollblaken dar...
 

Herr_D

offline

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>




hier mal ein beispiel sehr bunt (zur Übersicht) .... wie geschrieben, funzt nur im ie
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Anzeige

Anzeige

Oben