G�rget�s�v (scrollbar) �tsz�nez�se

Miel�tt megismern�nk a k�dot, n�zz�k meg egy �br�n, mi mit jelent:

Amint l�tod, k�tf�le �rny�kot is megadhatunk a "cs�szk�nak, ill. az als� �s fels� r�gz�tett - a scrolloz�s ir�ny�t mutat� - "dobozk�nak".

face - a cs�szka �s a dobozok felszin�nek sz�ne

shadow - a csa�szka �s a dobozok jobb �s als� �l�nek sz�ne

highliht - a cs�szka �s a dobozok bal �s fels� �l�nek sz�ne

darkshadow - a 3D hat�st seg�t� jobb �s als� �rny�k sz�ne

3dlight - a 3D hat�st seg�t� jobb �s als� �rny�k sz�ne

track - a scrollbar h�tt�rsz�ne (amin a cs�szka mozog)

A sz�neket a m�r ismert sz�nk�dok seg�ts�g�vel adhatjuk meg. Ehhez seg�ts�get ITT tal�lsz.

�me a k�d:

Ideteszem elvihet� form�ban is.
TIPP: m�sold ki a k�dot (Ctrl+C), majd m�sold be a K�dpr�ba dobozba (Ctrl+V).
Ezut�n v�ltoztatgasd a k�l�nb�z� param�terek sz�nk�djait, mindig n�zd meg az eredm�nyt.
Ha nem l�tod a cs�szk�t, ne ijedj meg. A cs�szka csak akkor jelenik meg, ha van mit g�rgetni.
Tegy�l be m�g a k�d m�g� sok - sok �res sort (k�dja <br>) �s akkor megjelenik a cs�szka is. Ha m�r el�gedett vagy az eredm�nnyel, mentsd el magadnak �s m�ris haszn�lhatod:)))

Hogyan tegyem be az oldalamra a m�r elk�sz�lt k�dot?

Ha nem gportalos vagy, akkor a style utas�t�st a HEAD r�szbe tedd.

GPORTALOSOKNAK: A modulkezel�ben hozz l�tre egy egyszer� modult. A poz�ci�ja jobb vagy bal oldali legyen, mert �gy lesz �rv�nyes a hat�sa az eg�sz oldaladon. Nyisd meg szerkeszt�sre �s v�lts �t a "Forr�sk�d" ikonnal HTML n�zetbe. M�sold be a k�dot. Nem �rdemes visszav�ltani editor n�zetbe, mert nem fogsz l�tni semmit. Vedd ki a k�t pip�t alul, hogy ne l�tsszon a modulfejl�c �s a modulkeret. V�g�l mentsd le �s gy�ny�rk�dj a m�vedben.

Elvihet� k�d:

<p><style type="text/css"> <!-- BODY {scrollbar-base-color: #71884e; scrollbar-face-color: #c0ca9b; scrollbar-shadow-color: #71884e border-left: 1px; scrollbar-highlight-color: #71884e; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #71884e; scrollbar-arrow-color: #71884e} --> </style></p>