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(http://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(http://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(http://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
2017. Július
HKSCPSV
26
27
28
29
30
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
<<   >>
 
BEJELENTKEZÉS
Felhasználónév:

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

Tudod, milyennek látnak téged mások? Elárulja Aszcendensed!    *****    AZ EGYETLEN MÛKÖDÕ MAGYAR DEMI LOVATO FORRÁSOD - ÉRTESÜLJ ELSÕ KÉZBÕL A DEMIVEL TÖRTÉNT HÍREKRÕL - DEMI LOVATO    *****    Hûsölj a nyári melegben egyedi módon - nézz jégkorong meccset! Nem tudod, hol kezdd? Adok pár tippet! ^^    *****    STITCHERS - Gyere és ismerd meg a Freeform csatorna sorozatát és annak színészeit! Épp San Diego Comic-Con lázban égünk!    *****    Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!    *****    INGYENES HOROSZKÓP ELEMZÉS, ASZTROLÓGIA OKTATÁS! CSAK REGISZTRÁLNOD KELL!    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is H&#245;s! H&#245;sregék RPG    *****    Erdõszéli tudósítónk jelenti: Marculábi cica éjszakai felfedezõútra indult! Gyertek ti is! Részletek a Mesetárban!    *****    Születési horoszkóp 1000 Ft. 3 év elõrejelzés 1000 Ft. Párkapcsolati elemzés 1000 Ft. Óriási nyári akció csak nálam!!!    *****    Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lore rajzai &#9830;Lor    *****    Bûbájos boszorkák - Charmed - Extrák - Érdekességek - Cikkek - Interjúk - Bûbájos boszorkák - Charmed - Charmed -Játékok    *****    Re-Startoltunk! Egy SZEREPJÁTÉK, amelybe bármikor becsatlakozhatsz! Légy te is Hõs! Hõsregék RPG    *****    Filmek itt!    *****    Ha szeretsz filmet nézni klikk ide! Klikk klikk    *****    "Revealing the truth is like setting a match on fire. It can bring light or set your world on fire." | PROJECT D.C.    *****    Megújult külsõvel vár Magyarország egyetlen Olicity rajongói lapja! Mindennap friss hírek a sorozatról és a párosról!    *****    Készítsd el saját horoszkópod ingyen,csak kattints!Fantasztikus akciók a fõoldalon,ezt nem szabad kihagyni! Látogas meg!    *****    BLOG, STORYK, KRITIKÁK, BESZÁMOLÓK, KEDVENCEK, DIVAT, SZÉPSÉGÁPOLÁS, LAKBERENDEZÉS, MINDEN AMI EGY BLOGRA KELL!    *****    Nyári akció,minden horoszkóp megrendelés 1000 Ft. Rendelj most szeretteidnek ajándék horoszkópot.Várlak az oldalamon!    *****    Gréti. 23. ExmisszusGyakornok. Jégkorong. Ottawa Senators. Jean-GabrielPageau. ErikKarlsson. Írás. Olvasás. Blog. (: