HTML tanfolyam : 11. lecke - Stlusok - scrollbar sznezse
11. lecke - Stlusok - scrollbar sznezse
2008.02.23. 19:23
11. lecke
Stlusok - scrollbar sznezse
Ha mr stlus segtsgvel tsznezted a gportal
sablonjt, rdemes az oldals s als scrollbart is az oldalunk
sznvilghoz alaktani. Ez a lecke errl szl. jra a CSS stlusler
nyelvet hvjuk segtsgl. Mieltt megismernnk a kdot, nzzk meg egy
brn, mi mit jelent:
Amint ltod, ktfle rnykot is megadhatunk a
"csszknak, ill. az als s fels rgztett - a scrollozs irnyt mutat
- "dobozknak".
face - a csszka s a dobozok felszinnek szne
shadow - a csaszka s a dobozok jobb s als
lnek szne
highliht - a csszka s a dobozok bal s fels
lnek szne
darkshadow - a 3D hatst segt jobb s als
rnyk szne
3dlight - a 3D hatst segt jobb s als rnyk
szne
track - a scrollbar httrszne (amin a csszka
mozog)
A szneket a mr ismert sznkdok segtsgvel adhatjuk
meg. Ehhez segtsget
ITT tallsz.
me a kd:
Ideteszem elvihet formban is.
TIPP: msold ki a kdot (Ctrl+C), majd msold be a Kdprba dobozba
(Ctrl+V).
Ezutn vltoztatgasd a klnbz paramterek sznkdjait, mindig nzd meg
az eredmnyt.
Ha nem ltod a csszkt, ne ijedj meg. A csszka csak akkor jelenik meg,
ha van mit grgetni.
Tegyl be mg a kd mg sok - sok res sort (kdja <br>) s akkor
megjelenik a csszka is. Ha mr elgedett vagy az eredmnnyel, mentsd el
magadnak s mris hasznlhatod:)))
Hogyan tegyem be az oldalamra a
mr elkszlt kdot?
Ha nem gportalos vagy, akkor a style utastst
a HEAD rszbe tedd.
GPORTALOSOKNAK: A modulkezelben hozz ltre egy
egyszer modult. A pozcija jobb vagy bal oldali legyen, mert gy lesz
rvnyes a hatsa az egsz oldaladon. Nyisd meg szerkesztsre s vlts t
a "Forrskd" ikonnal HTML nzetbe. Msold be a kdot. Nem rdemes
visszavltani editor nzetbe, mert nem fogsz ltni semmit. Vedd ki a kt
pipt alul, hogy ne ltsszon a modulfejlc s a modulkeret. Vgl mentsd
le s gynyrkdj a mvedben.