kismvity CSS oldala
Nagy GPORTÁL CSS tutorial
Ime egy nagy gportálos CSS kód! Szépen mindent kikommenteztem, így láthatod, mi micsoda, és mit változtat!

A legkönnyebben valamilyen HTML szerkesztővel írhatod át a kódot. (keresés és csere) A HTMLPAd és a PSpad pont megfelel erre a célra!:)
A kapcsos-zárójelek előtti rész (pl a body, td.modtitle vagy a td.menu stb.) a gportálon ugyanazok! Értelem szerűen ezeken ne változtass, mert nem fog működni a CSS! ...és azt is le kell itt szögeznem, hogy mivel ezek mindenhol (itt a gportálon) ugyanazok, ez nem jelent lopást!!! Ha megnézed más helyen a gportálos css kódokat, ezek mindenhol ugyanazok lesznek!

Itt kezdődik a kód: <STYLE type=text/css> <!-- /* ez a rész az egész oldalra vonatkozik */ body { font: 10pt tahoma; /* betűméret és betűtípus */ color: #8C5E5E; /* betűszíne */ /* görgetősáv */ scrollbar-face-color:#B28E8E; scrollbar-highlight-color:#F7EEEE; scrollbar-3dlight-color:#B28E8E; scrollbar-darkshadow-color:#B28E8E; scrollbar-shadow-color:#F7EEEE; scrollbar-arrow-color:#F7EEEE; scrollbar-track-color:#F4EAEA; } /*menüfejléc*/ td.modtitle { font: bold 10pt Tahoma; /*bold, ha félkövér*/ color: #F7EEEE; height: 20pt; /* menüfejléc magassága */ background: #F4EAEA url(//kismvity2.gportal.hu/portal/kismvity2/image/gallery/1213886129_20.jpg); /* háttér színe, és a háttérben lévő kép URL-je */ border: 3px #DFC1BF solid; /* keret vastagsága, színe, stílusa */ } /* egyszerű modulok tartalma*/ td.modbody { font-size: 8pt; color: #8C5E5E; background: #F4EAEA url(//kismvity2.gportal.hu/portal/kismvity2/image/gallery/1213886151_95.jpg); /* ha átlátszót szeretnél, akkor background: transparent; */ } /* menü típusú modulok*/ td.menu { font-size: 8pt; color: #8C5E5E; background: #F4EAEA url(//kismvity2.gportal.hu/portal/kismvity2/image/gallery/1213886151_95.jpg); } /* vendégkönyv-bejegyzés fejléc rész */ td.listheader3{ border: #8C5E5E 1pt dotted; /* a keret színe, vastagsága, stílusa. A dotted a pontozott. */ font-size: 8pt; color: #8C5E5E; background-color: #F4EAEA } /* Blog-plusz rész */ td.listheader { border: #8C5E5E 1pt dotted; /* a keret színe, vastagsága, stílusa. A dotted a pontozott. */ font-size: 8pt; color: #8C5E5E; background-color: #F4EAEA } /* vendégkönyv-bejegyzés része */ td.list1 { font: 8pt tahoma; color: #0FBEE3; background-color: #F4EAEA; } /* linkek színe + a látogatott linkek színe */ a:link, a:visited { font-size: 8pt; color: #8C5E5E; text-decoration: none; /* a link nem lesz aláhúzva */ } /* linkek színe, ha föléviszed az egeret, és az aktív linkek színe */ a:hover, a:active { font-size: 8pt; font-weight: bold; color: #8C5E5E; text-decoration: none; } /* a menüben lévő linkek */ a.menu:link, a.menu:visited { font-size: 8pt; color: #8C5E5E; text-decoration: none; } /* menüben lévő linkek, ha föléviszed az egeret */ a.menu:hover, a.menu:active { font-size: 8pt; font-weight: bold; color: #8C5E5E; text-decoration: none; } /* fejlécben lévő linkek */ a.head:link, a.head:visited { font-size: 8pt; color: #8C5E5E; text-decoration: none; } /* fejlécben lévő link, ha föléviszed az egeret */ a.head:hover, a.head:active { font-size: 8pt; font-weight: bold; color: #8C5E5E; text-decoration: none; } /*szövegbeviteli mezők, gombok, választómezők /bejelentkezés, ok gomb stb./*/ input, button, select, textarea { border: #8C5E5E 1pt dotted; font-weight: none; font-size: 10pt; color: #8C5E5E; font-family: tahoma; background-color: #F4EAEA; } /*naptárravonatkozó dolgok*/ td.caladd { font-size: 8pt; font-family: tahoma; color: #8C5E5E; background-color: #F4EAEA; text-align: center; /* középre igazítás */ } td.caleven { font-size: 8pt; font-family: tahoma; color: #8C5E5E; background-color: #F4EAEA; text-align: center; } td.caladdsunday { font-size: 8pt; font-family: tahoma; font-weight: bold; color: #8C5E5E; background-color: #F4EAEA; text-align: center; } td.calevensunday { font-size: 8pt; font-family: tahoma; font-weight: bold; color: #8C5E5E; background-color: #F4EAEA; text-align: center; } div.calender { border: solid 1pt #8C5E5E; padding-left: 1pt; /* belső margó bal oldalon */ padding-right: 1pt; /* belső margó jobb oldalon */ } div.calender2 { border: solid 0pt #8C5E5E; padding-left: 1pt; padding-right: 1pt} --> </STYLE>
...és itt van vége!
 


 OLDALINFO

   Szerkesztő:
kismvity
Design:
kismvity
Ajánlott felbontás:
1024 x 768
Böngésző:
Internet Explorer
Téma:
design
Email:
kismvitykukaccitromail.hu
HOME

Aktuáis banner:


 

 
MENÜ
 
PINK CSS KÓDOK
 
KÉK CSS KÓDOK
 
LILA CSS KÓDOK
 
BARNA CSS KÓDOK
 
ZÖLD CSS KÓDOK
 
NARANCS CCS KÓDOK
 
FEKETE CSS KÓDOK
 
SZÜRKE CSS KÓDOK
 
MESE CSS KÓDOK
 
VIRÁGMINTÁS CSS KÓDOK
 
TÉLI CSS KÓDOK
 
NAPTÁR
2024. Március
HKSCPSV
26
27
28
29
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
01
02
03
04
05
06
<<   >>
 
BEJELENTKEZÉS
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 
princessyork
 
Próba Menüpontok
 

Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre    *****    Egy asztrológiai elemzés,sok segítséget ad,életünk megtervezéséhez,rendeld meg és küldök egy 3 éves éves elõrejelzést is    *****    Szeretne leadni felesleges kilókat? Szeretné méregteleníteni és tisztítani szervezetét?Csatlakozzon a programhoz még ma!    *****    A horoszkóp a lélek tükre, kezd az évet azzal, hogy belenézel, én segítek értelmezni amit látsz. A saját akaratod dönt!