Avatar billede bernhof Nybegynder
26. september 2001 - 17:30 Der er 8 kommentarer og
2 løsninger

Farve på scrollbar

Hej, jeg kunne godt tænke mig at prøve at eksperimentere lidt med farverne på scrollbaren på min side. Jeg mener dette kan gøres i mit StyleSheet, men hvordan?
Avatar billede boyota Nybegynder
26. september 2001 - 17:32 #1
Det kan gøres sådan:

<style type=\"text/css\">
BODY{
  scrollbar-3d-light-color: #669900;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #ffffff;
  scrollbar-face-color: #c5c5c5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}
</style>

MVH

boyota

http://boyota.dk
Avatar billede jacobve Nybegynder
26. september 2001 - 17:35 #2
husk bare at det kun virker i IE...
Avatar billede bernhof Nybegynder
26. september 2001 - 17:38 #3
der sker intet... Jeg ved ikke om det skal nævnes at scrollbaren jeg gerne vil ændre farve på er scrollbaren i en iFrame... ?
Avatar billede moskjaer Nybegynder
26. september 2001 - 17:39 #4
Kig på freeware-programmet Cool Web Scrollbars fra Harmony Hollow Software. Det kan hentes på http://www.harmonyhollow.net/cws.shtml og viser visuelt hvordan dine scrollbars kommer til at se ud, ligesom programmet også kan generere den nødvendige kode.

/Moskjær.dk
Avatar billede Jman Praktikant
26. september 2001 - 17:43 #5
Sæt dette:

scrollbar-3d-light-color: #669900;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #ffffff;
  scrollbar-face-color: #c5c5c5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
i din body-del i dit stylesheet
Avatar billede callesen Praktikant
26. september 2001 - 18:30 #6
Sætter du det i dokumentet der kalder eller i iframe-dokumenterne?
Avatar billede callesen Praktikant
26. september 2001 - 18:35 #7
Lidt dumt skrevet - boyota\'s CSS skal være i det dokument der indsættes i iframen.
Avatar billede bernhof Nybegynder
26. september 2001 - 19:57 #8
ja - jeg indsætter det i mit style sheet under Body og i dokumentet som bliver loadet i iFramen.

(altså:)
BODY
{
    <<her kommer det så>>
}

Men jeg har kigget lidt på det, og det ser ud til at selv det preview/kode som programmet Moskjær anbefalede, ikke ændrer scrollbarens farve, så det er nok bare internet explorer... dropper bare ideen, så :(

Men tak for hjælpen alligevel! :)

Mvh. Mikbj
Avatar billede boyota Nybegynder
26. september 2001 - 23:04 #9
Husk det virker kun i IE 5.5 og nyere
Avatar billede moskjaer Nybegynder
26. september 2001 - 23:13 #10
Hhm, jeg har netop lavet en fil med følgende indhold:

<html>
<head>
  <title>Untitled</title>
</head>
<body>
  <iframe src=\"hubby.html\"></iframe>
</body>
</html>

.. og filen hubby.html med følgende indhold:

<html>
<head>
  <title>Untitled</title>
  <style type=\"text/css\">
  BODY{
    scrollbar-3d-light-color: #669900;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #000000;
    scrollbar-dark-shadow-color: #ffffff;
    scrollbar-face-color: #c5c5c5;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
  }
  </style>
</head>
<body>
Imsep pretu tempu revol bileg rokam revoc tephe rosve etepe tenov sindu
turqu brevt elliu repar tiuve tamia queso utage udulc vires humus fallo
25deu Anetn bisre freun carmi avire ingen umque miher muner veris adest
duner veris adest iteru quevi escit billo isput tatqu aliqu diams bipos
itopu 50sta Isant oscul bifid mquec cumen berra etmii pyren nsomn anoct
reern oncit quqar anofe ventm hipec oramo uetfu orets nitus sacer tusag
teliu ipsev 75tvi Eonei elaur plica oscri eseli sipse enitu ammih mensl
</body>
</html>

Her virker det fint (i IE 6 beta) og scrollbaren bliver farvet med de ønskede farver.

/Moskjær.dk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester