--->>> PORTALGURU <<<---


Főoldal
Vendégkönyv
Fórum
Blog 
Itt hirdess!!!
Bannereim
Frissítések 
Díjaim 


Hogyan ???
Vezérlő menü
HTML tanfolyam
Kódok 
Kódpróba
Újdonságok a Gp-n
Pánik


Design szettek
780 pixeles szettek
Glitteres szettek
CSS kódok
Fejlécek 
Hátterek (1131 db)
Menük 
Hirdető dobozok
Naptárak
Naptáras órák
Avatarok  (270 db)
GIF-ek (138 db)
Glitterek
Átlátszó képek (451 db)
PSP brush 
PSP mask 
PSP Textures 
Modulhátterek
Képes keretek I.
Képes keretek II.
Glitteres keretek
Csipkés keretek
Átlátszó keretek
Oldalhátterekhez keretek


Stílusok
Új stílusok 
Színkódok nevei
Színkód generátor
Hasznos linkek 

Letöltések 

Elkészült rendelések 

Kedvcsináló 

 

 

Fantától kaptam, köszönöm!!!


Kedvenc oldalam

Fantától

 

           

Eddig 15 sablonhoz készült webszett!

Eddig 126 db 780 pixeles webszett!

Eddig
32 db extra szett!

2009.10.23.
Új menüpont a Kellékeknél:
PSP Textures!

114 db új kép
Használat leírásával!



2009.10.10.
  8 db új design szett
Ezek csak az EXTRA-s
oldalamon láthatók

http://semilin.extra.hu

 

  Ha kérdésed van, írj a FÓRUM-ba!

 
Gyere máskor is!
 
semilin

 

 

 

 

 

           

     

     

SMS hirdetőfal - Megéri!
 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 
Hírlevél! Iratkozz fel!
E-mail cím:

Feliratkozás
Leiratkozás
SúgóSúgó
 
Látogatottság
Indulás: 2007-07-04
 
Szavazás
Lezárt szavazások
 

 


 

Page Ranking Tool

 

PageRank Kereső optimalizálás


 

 

 

Az oldal elköltözött, frissítések itt már nem lesznek!!! Gyere az új helyre: http://webdesign-graphic.hu Klikk!!!

HTML tanfolyam
HTML tanfolyam : 11. lecke - Stílusok - scrollbar színezése

11. lecke - Stílusok - scrollbar színezése

  2008.02.23. 19:23


11. lecke

Stílusok - scrollbar színezése

Ha már stílus segítségével átszínezted a gportal sablonját, érdemes az oldalsó és alsó scrollbart is az oldalunk színvilágához alakítani. Ez a lecke erről szól. Újra a CSS stílusleíró nyelvet hívjuk segítségül. 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:

 




Kódpróba doboz



 

Sztárok/Bulvár: Tudj meg friss pletykákat, híreket. Katt!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Xtina Hungary - Minden, ami Christina Aguilera!    *****    Légy Te is AVON tanácsadó *** Nyereményjátékok *** Kereseti lehetõség *** Vásárolj kedvezményesen AVON termékeket!    *****    Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj! *** Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj!    *****    Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár     *****    FRPG &#9679; FANTASY SZEREPJÁTÉK &#9679;&#12300;&#914;&#923;SM&#923;IW&#12301; &#9679; FANTASY SZEREPJÁTÉK &#9679; EGY SZIGET + 24 MÁGUS &#9679; FANTASY SZEREPJÁT&Eacut    *****    Itt megtalálhatod a legfrissebb híreket, cikkeket, képeket a Golden Globe- és Oscar-díjas színésznõrõl! Katt!    *****    Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok    *****    Légy Te is AVON tanácsadó *** AVON termékek *** Kereseti lehetõség *** Értékesítõ kollégákat keresek *** sminkek    *****    Esküvõi meghívók! Mindegyik kézzel készült, egyedi. Gyere, nézd meg az oldalamat.    *****    A legfrissebb Anime hírek , mindennap anime ajánló , mondocon képek , és hírek. Csatlakozz közösségünkhöz!    *****    Rendelj bármilyen asztrológiai elemzést,júniusban Te mondod meg,hogy mennyit szeretnél érte fizetni!Várlak az oldalamon!    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    Egyetemistáknak kiemelt lakások eladóak. www.simonyiingatlan.hu Debrecen eladó kiváló lakások. www.simonyiingatlan.hu    *****    NÁLAM NINCSENNEK AKCIÓK, MINDEN ASZTROLÓGIAI ELEMZÉS "BECSÜLET KASSZÁS", A KONZULTÁCIÓ ÉS OKTATÁS INGYENES.    *****    **** Nokedli-lapja****Családi magazin****18-98 éves korosztály mindent megtalál itt, játékoktól a hírekig*****    *****    KÜLÖNLEGES AKCIÓ A CSILLAGJÖVÕ OLDALON JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A HOROSZKÓP MEGRENDELÉSEID ÁRA!    *****    Minden héten anime/managa hírek , minden nap Anime ajánlók , Mondocon hírek. Itt nem fogsz unatkozni!! :)    *****    KÜLÖNLEGES CSILLAGJÖVÕ AKCIÓ JÚNIUSBAN.TE DÖNTHETED EL MENNYIBE KERÜLJÖN A SZÜLETÉSI HOROSZKÓP! VÁRLAK!RENDELD MEG MOST!