Gå til innhold

Hvordan kan jeg lage mine egne scrolls?

alex100

Av alex100
i Programmering og webutvikling

Anbefalte innlegg

alex100

alex100

Skrevet
Skrevet (endret)

Hei. Jeg jobber med designet på en ny side, og jeg lager en liten ramme der jeg skal ha innholdet i. Jeg kommer til å skrive ganske mye over det som er plass til, og det blir da automatisk en scroll på siden. Dette er helt fint, men jeg synes ikke den scroll-typen passer inn. Det er en typisk Windows-scroll.

Jeg kunne tenke meg å ha en annen type scroll på siden i stedet, f.eks. slik som her på forumet.

 

Hvordan får jeg til det?

Endret av alex100
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Roberto

Roberto

Skrevet
Skrevet (endret)

Først av alt så må jeg fraråde deg sterkt å anvende "en liten ramme der jeg skal ha innholdet i" ... dette er _ikke_ bra... En annen ting er at det er kun IE og Opera (hvis du har aktivert for det) som støtter farget-scrollbars. Uansett, slik ser koden ut (du må legge dette i ditt stilark):

 

body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #ffffff;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

Dette er forumet sine scrollbars så du må selv endre fargene...

Endret av PiRANhA
Lenke til kommentar
alex100

alex100

Skrevet
  • Forfatter
Skrevet (endret) 

body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #ffffff;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

Hvordan bruker jeg helt nøyaktig den koden der?

 

PS: Jeg er ingen kløpper på programmering.

Endret av alex100
Lenke til kommentar
Moonshine

Moonshine

Skrevet
Skrevet

Du må unnskylde de andre... :shrug:

 

<html>
<head>
<title>Min side</title>
<style>
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #ffffff;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}
</style>
</head>
<body>
Her er bodyen...
</body>
</html>

Sånn!

Lenke til kommentar
alex100

alex100

Skrevet
  • Forfatter
Skrevet
Du må unnskylde de andre... :shrug:

 

<html>
<head>
<title>Min side</title>
<style>
body {
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color:  #ffffff;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}
</style>
</head>
<body>
Her er bodyen...
</body>
</html>

Sånn!

Bingo! Takker. :woot:

Lenke til kommentar
enden

enden

Skrevet
Skrevet

( jonas ) er litt frekk i tonen, men i dette tilfellet støtter jeg kommentaren hans. Når trådstarter sier han ikke er noen kløpper i programmering så hadde det ikke kostet mange kaloriene å forklare hvordan man implementerer koden dere kommer med. Hvordan i huleste skulle det være mulig for han å vite at blokken PiRANhA viste fram var en del av et stilark?

 

Opera kan vise scrollbars som IE, men det er skrudd av som default. Det er uansett en uting å lage sider med proprietær kode. Hold deg til kode godkjent fra w3 ;)

 

Men ellers - er det mulig å ha bakgrunnen gjennomsiktig?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...