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
2018. Július
HKSCPSV
25
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
<<   >>
 
BEJELENTKEZÉS
Felhasználónév:

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

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!