• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage zur Scrollbarfarbe

Status
Für weitere Antworten geschlossen.
H

Honk

Neues Mitglied
Hallo,
habe mir einen kleinen Code gesucht bezüglich einer scrollbaren Imagebox der so aussieht:

<div style="overflow: auto; background-color: rgb(39, 37, 38); width: 210px; height: 93px;"><div align="center"><a href="Link"><img src="Bild" alt="" id="4" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="5" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="6" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="7" border="0"></a></div></div>

habe schon rausbekommen das der unterstrichende Teil für die Scrollbar steht :wink: . Mein Problem ist das ich eine Schwarz/Grüne Homepage habe und die "hellblaue" Scrollbar total absticht! Wie kann ich bei dieser Scrollbar die Farben ändern! Danke im voraus.
Mfg.
Honk
 
Honk schrieb:
Hallo,
habe mir einen kleinen Code gesucht bezüglich einer scrollbaren Imagebox der so aussieht:

<div style="overflow: auto; background-color: rgb(39, 37, 38); width: 210px; height: 93px;"><div align="center"><a href="Link"><img src="Bild" alt="" id="4" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="5" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="6" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="7" border="0"></a></div></div>

habe schon rausbekommen das der unterstrichende Teil für die Scrollbar steht :wink: . Mein Problem ist das ich eine Schwarz/Grüne Homepage habe und die "hellblaue" Scrollbar total absticht! Wie kann ich bei dieser Scrollbar die Farben ändern! Danke im voraus.
Mfg.
Honk
Zum Vergrößern anklicken....
Mit CSS.

SELFHTML: Stylesheets / CSS-Eigenschaften / Anzeigefenster

Erstelle zuerst eine CSS-Datei (in diesem Fall standard.css), falls du dies noch nicht gemacht hast.

Code: 
[B][COLOR=Red]#beispiel[/COLOR][/B]
{
  scrollbar-base-color:#8C8CC6;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#8C8CC6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#ACACE6;
}

Als nächstes gibst du dem div die dazugehörige id:

Code: 
<div [B][COLOR=Red]id="beispiel"[/COLOR][/B] style="overflow: auto; background-color: rgb(39, 37, 3; width: 210px; height: 93px;"><div align="center"><a href="Link"><img src="Bild" alt="" id="4" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="5" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="6" border="0"></a><br></div><div align="center"><a href="Link"><img src="Bild" alt="" id="7" border="0"></a></div></div>

Und bindest schließlich das Stylesheet in den head-Bereich deiner HTML-Datei ein:

Code: 
<link rel="stylesheet" type="text/css" href="[B][COLOR=Red]standard.css[/COLOR][/B]">

Ich empfehle dir dringend, HTML & CSS via Stylesheet strikt zu trennen! Zudem verwendest du veraltete HTML-Eigenschaften:

Code: 
<p align="center">Text.</p> [COLOR=Red]FALSCH[/COLOR]
<p style="text-align:center;"> [COLOR=Green]RICHTIG[/COLOR]
 
WOW,danke für die schnelle Antwort! Wird echt mal Zeit das ich mich mehr mit HTML befasse! Werde mich gleich mal dran machen!! Vielen Dank
Gruß
Honk;Jump
 
Hallo,
hatte schon vorher gelesen, das bei Änderung der Scrollbalkenfarbe diese nur bei dem IE angezeigt wird und nicht bei FF (das ich installiert habe :D). Danke
Gruß
Honk
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben