Archief - CSS: Scrollbar colors

S

Sprits

Legacy Member

• 6 jun 2005

• #1

Ik heb een site gemaakt waarbij ik graag de scrollbar colors zou willen verandere zodat deze niet teveel opvallen!

ik ben dus gaan zoeken op internet en ik heb dit gevonden

Code:

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

ik zet da tusse mijn head tag en ik zet dees ook in mijn CSS Style Sheet (zonder de <style type="text/css">...</style>)

Maar deze wille niet verandere van kleur... Ik werk op dit moment met een I-Frame!

Zodoende wordt ook de background verschove!

hier is de site en klik maar is op mijn droom!
http://www.nibbler.be/lomo

(let niet op de intro en stuff... ik ben er nog mee bezig!)

z

zabulus

Legacy Member

• 6 jun 2005

• #2

ge zijt # voor uw kleurcode vergeten

D

DarkBone

Legacy Member

• 6 jun 2005

• #3

Die CSS code moet komen in de pagina die het iframe bevat, en niet in de pagina die in het iframe zit.

(correct me if I am wrong)

D

Disa

Legacy Member

• 6 jun 2005

• #4

+ het werkt alleen in IE? (notsure)

Disa

S

Sprits

Legacy Member

• 6 jun 2005

• #5

als het alleen in IE werkt, hoe kan ik er dan voor zorge da er toch een mooie scrollbar komt die de background niet verschuift!

want dit komt omda de scrollbar de I-Frame groter maakt omda de scrollbar van winXP nen dikke cm is!

S

Sprits

Legacy Member

• 6 jun 2005

• #6

DarkBone zei:

Die CSS code moet komen in de pagina die het iframe bevat, en niet in de pagina die in het iframe zit.

(correct me if I am wrong)

Klik om te vergroten...

nope! werkt nog steeds niet!

z

zabulus

Legacy Member

• 6 jun 2005

• #7

background niet verschuiven (in css):
background-attachment: fixed;

x

xml

Legacy Member

• 6 jun 2005

• #8

nibbler.be zei:

nope! werkt nog steeds niet!

Klik om te vergroten...

De commentaar van de vergeten "#" ook gelezen?

.

.kw

Legacy Member

• 6 jun 2005

• #9

"Later wordt ik wijnboer" :naughty:
spelen, ik speel <=> worden, ik word

S

Sprits

Legacy Member

• 7 jun 2005

• #10

gvd... ja zeg... ik zen nooit ni goe geweest in dt
daarbij... tis nog ni af!

da van die # heb ik ook gedaan en het werkt niet!

ma me die background verschuive bedoel ik dat hij een cm opzij schuift door de scrollbar in plaats van te blijve staan...

t

tekker

Legacy Member

• 12 jun 2005

• #11

Volgorde eens nachecken.

En dit is alles dat in je style2.css staat
Met enkel dit kan dit niet werken, je frame is gelinked naar deze style2.css dus kan niks vinden van je scrollbars

Code:

.recom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

Zet dit in je head van je iframe html pagina

Code:

<style type="text/css">
<!--

body
{
scrollbar-arrow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
}

-->
</style>

of dit in je *.css

Code:

body {

scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 000000;
}

En die # is niet nodig ... kan evengoed werken zonder.