--->>> 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 : 12. lecke - Stílusok - Vendégkönyv átszínezése

12. lecke - Stílusok - Vendégkönyv átszínezése

  2008.03.01. 14:48


12. lecke

Stílusok - Gportalos vendégkönyv átszínezése

Az előző leckékben teljesen megváltoztattuk gportalos oldalunk kinézetét. Stílus segítségével eltüntettük a modulhátteret, modulkeretet, átszíneztük a görgetősávot (srollbar). Ha ügyesen választottad meg a színeket, akkor oldalad egységes, harmonikus. Ám hiábavaló a sok fáradság, ha a látogató - belépve a vendégkönyvedbe - meglepődik az eredeti sablon színein, mert egyáltalán nem illik az oldalad színvilágához. Ezen a problémán segítünk ebben a leckében. Vegyük tehát igénybe újra a jól bevált CSS segítségét. (Ha nem tudod mi az, olasd el a 10. leckét ;))

Vendégkönyv átszínezésének CSS kódja:

Kiválasztott elem Tulajdonság Magyarázat
td.listheader3 vendégkönyv fejléce ebben látod, hogy mikor készült a bejegyzés
  font-size betüméret pixelben (8px)
  font-weight betü vastagság (normal, bold, italic)
  color betü színe (színkódja) nálam fehér
  background-color fejléc háttérszíne (színkódja) nálam olajzöld
  BORDER_RIGHT fejléc szegélyének jobb oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
  BORDER-TOP fejléc szegélyének felső oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
  BORDER-LEFT fejléc szegélyének bal oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
  BORDER-BOTTOM fejléc szegélyének alsó oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
td.list1 vendégkönyv törzse ide ír majd a látogató
  font-size betüméret pixelben (8px)
  font-family betütípus (nálam Verdana)
  color betü színe (színkódja) nálam zöld
  background-color törzsrész háttérszíne (színkódja) nálam világos-zöld
  BORDER_RIGHT törzsrész szegélyének jobb oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
  BORDER-TOP törzsrész szegélyének felső oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
  BORDER-LEFT törzsrész szegélyének bal oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)
  BORDER-BOTTOM törzsrész szegélyének alsó oldala
(nálam fekete - #000000,
1 pixeles,
pontozott vonal - dotted)

 

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.
Ne ijedj meg, ha a Kódpróba "Megnézem" gombját megnyomva üres lapot látsz. Mivel ez a CSS kifejezetten a gportalos vendégkönyvre van hatással, csak úgy tudod megnézni az eredményt, ha felteszed oldaladra a kódot, elmented és megnyitod a vendégkönyvet.
 

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




 

SZEREPJÁTÉK - Csatlakozz közénk és légy részese egy kalandnak - FRPG - Még nem késõ csatlakozni - SZEREPJÁTÉK    *****    VANESSA HUDGENS - A LEGNAPRAKÉSZEBB MAGYAR RAJONGÓI OLDALAD A TEHETSÉGES ÉNEKES-SZÍNÉSZNÕRÕL - VANESSA HUDGENS    *****    Ipari elektronkia szerviz, villamos kéziszerszám javitás, érintésvédelmi felülvizsgálat. elektronika-szerviz.gportal.hu    *****    Minden lány egy kicsikét királylány, minden Fiú kicsit hõs lovag. - FRPG    *****    | WATTPAD | Egy neves gimnázium, egy gazdag, arrogáns srác és egy ösztöndíjas lány nem mindennapi szerelme | WATTPAD |    *****    Szerepjáték &#8211; Csatlakozz közénk, és részese Te is a kalandoknak - FRPG    *****    Egy igazi hõs sem tudja magáról, hogy hõs. - Egy igazi hõs sem tudja magáról, hogy hõs.    *****    Nincs Új Poszt Cousin & Best Friend & A Lot More    *****    az új élet reményében, hajózz    *****    ANELIATH - varázslat és sárkányvér    *****    csillagütközés marcangolta nász    *****    Katt!Katt!Katt! Lépj be a galopp versenyparkunkba! Katt Katt!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaros Történetben? - SZEREPJÁTÉK    *****    Te ki leszel ebben a csavaros, mágiával, intrikával és hataloméhséggel f&#251;szerezett olvasztótégelyben?    *****    Te ki leszel ebben a csavaros, mágiával, intrikával és hataloméhséggel fûszerezett olvasztótégelyben?    *****    Vörös sziluett az emlékvárban    *****    'cause I am only human    *****    az új élet reményében, hajózz    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!