h2 /*a blog bejegyzésének címe, a hírek/cikkek modul bejegyzésének címe */ {font-size: 12pt; /* a bejegyzés címének mérete */ font-family: Candy Round BTN; font-weight: bold; /* a bejegyzés címe félkövér legyen (bold) vagy ne (none) */ color: #bd7bc4; /* a bejegyzés címének színe */ background-color: transparent; /* a bejegyzés címének háttérszíne */ background-image: url("none"); /* ha képet szeretnél a bejegyzés hátterének, a none helyére írd a kép URL címét, idézőjelek maradnak! */ BORDER-RIGHT: #cccccc 0px solid; /* keret, a bejegyzés címének jobb oldalán lévő szegély */ BORDER-BOTTOM: #cccccc 0px solid; /* keret, a bejegyzés címének alján lévő szegély */ BORDER-TOP: #cccccc 0px solid; /* keret, a bejegyzés címének tetején lévő szegély */ BORDER-LEFT: #cccccc 0px solid; /* keret, a bejegyzés címének bal oldalán lévő szegély */ } A:hover h2 /* blog címe, ha ráviszed az egeret */ {color: #e5063f; /* link színe */ background-image: url("none"); text-decoration: none; /* nem húzza alá a linket (none) */ font-family: Candy Round BTN; /* a link betűtípusa */ font-size: 12pt; /* a link mérete */ font-weight: bold; /* a link félkövér legyen (bold) vagy sem (none) */} BODY {margin-left:0px; /* hány pixelre legyen a portálod a bal oldaltól, ezt csak akkor használd, ha a bejelentkezés modulod középre van igazítva! ha bal/jobb oldalon van, akkor 0px-et adj meg! */ /* van 1-2 szövegrész, amire nem hat a td.modbody-nál megadottak, pl.: naptárnál a napok, egyszerű modul beállítások, stb., a lent lévő adatok ezekre vonatkoznak, nyugodtan add meg ugyanazt, amit a td.modbody-nál */ background-color: transparent; /* az oldal hátterének színe */ background-image: url("http://img687.imageshack.us/img687/9237/hattert.png"); /* ha képet szeretnél oldalháttérnek a none helyére írd a kép URL címét, idézőjelek maradnak */ background-attachment: fixed; /* a háttérkép áll (fixed), tartalommal gördül (scroll) */ background-position: top left; /* a háttérképet ettől a ponttól kezdi kirakni, most a bal sarok van megadva, ezt így hagyhatod */ background-repeat: repeat; /*háttérkép ismétlődjön (repeat) vagy ne (no-repeat) COLOR: #dd0513; /* szövegszín */ font size: 7pt; /* szövegméret */ font-family: arial; /* betűtípus */} table, td /*a modulok mögötti háttér, addig amekkora oldal szélességet adtál meg a Stílus és a felületben */ {background-color: transparent;} input,textarea /* rublikák pl. számlálónál, szövegdobozok */ {color:#b2b2b2; /* a rublikában lévő szöveg színe */ font-size: 7pt; /* a rublikában lévő szöveg mérete */ background: #383541; /* a rublika színe */ font-family: arial; /* a rublikában lévő szöveg betűtípusa */ border: #cccccc 0px solid; /* keret a rublika körül */ } td.listheader /* blogplusz modul belső menüfejlécei (Friss bejegyzések, stb.), hozzászólások menüfejléce ( 2 hozzászólás) */ {height: 15px; /* blogplusz modul belső menüfejléceinek magassága */ background-color: transparent; /* blogplusz modul belső menüfejléceinek színe */ background-image: url("none"); /* ha képet szeretnél a belső menüfejléceknél a none helyére írd a kép URL címét, idézőjelek maradnak */ border-left: #cccccc 0px solid; /* keret, blogplusz modul belső menüfejléceinek bal oldali szegélye */ border-right: #cccccc 0px solid; /* keret, blogplusz modul belső menüfejléceinek jobb oldali szegélye */ border-top: #cccccc 0px solid; /* keret, blogplusz modul belső menüfejléceinek tetejének szegélye */ border-bottom: #cccccc 0px solid; /* keret, blogplusz modul belső menüfejléceinek aljának szegélye */ color: #FFFFFF; /* blogplusz modul belső menüfejléceinek címének színe pl. Friss bejegyzés */ font size: 10pt; /* blogplusz modul belső menüfejléceinek címének mérete pl. Friss bejegyzés */ font-weight: bold; /* blogplusz modul belső menüfejléceinek címe félkövér legyen (bold) vagy sem (none) pl. Friss bejegyzés */} td.listheader3 /* vendégkönyv bejegyzéseinek fejlécei */ {height: 18px; /* vendégkönyv modul bejegyzéseinek fejléceinek magassága, vigyázz! ez függ az itt megjelenő ikonok méretétől is, hiába akarsz 10 px-es magasságot megadni, ha az idézet ikonja 16 px magas */ background-color: #FFFFFF; /* vendégkönyv modul bejegyzéseinek fejléceinek színe */ background-image: url(); /* ha képet szeretnél a vendégkönyv bejegyzéseinek fejléceihez a zárójel közé írd a kép URL címét, idézőjelek közé tedd */ border-left: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek bal oldali szegélye */ border-right: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek jobb oldali szegélye */ border-top: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek tetejének szegélye */ border-bottom: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek aljának szegélye */ color: #815197; /* vendégkönyv modulnál a hozzászólást író nevének színe */ font size: 7pt; /* vendégkönyv modulnál a hozzászólást író nevének mérete */ font-weight: bold; /* vendégkönyv modulnál a hozzászólást író neve félkövér legyen (bold) vagy sem (none) */} td.list1 /* vendégkönyv bejegyzéseinek háttere, ez hat még a Blog modulnál arra a sávra, ahol írja, hogy Mit szólsz hozzá?, ha itt rákattintasz, akkor a vissza a bloghoz sávra, és minden második hozzászólásra; illetve a Képtár, Hírek/Cikkek modulokra is */ {background-color: transparent; /* vendégkönyv modul bejegyzéseinek hátterének színe */ border-left: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek hátterének bal oldali szegélye */ border-right: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek hátterének jobb oldali szegélye */ border-top: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek hátterének tetejének szegélye */ border-bottom: #cccccc 0px solid; /* keret, vendégkönyv modul bejegyzéseinek hátterének aljának szegélye */ color: #787878; /* vendégkönyv modulnál hozzászólásásának színe */ font size: 7pt; /* vendégkönyv modulnál hozzászólásának szövegmérete */ font-weight: none; /* vendégkönyv modulnál hozzászólása félkövér legyen (bold) vagy sem (none) */} td.list2 /* a blognál minden második hozzászólás (amikre nem a td.list1 hat) */ {background-color: transparent; /* hozzászólások hátterének színe */ border-left: #cccccc 0px solid; /* keret, hozzászólások hátterének bal oldali szegélye */ border-right: #cccccc 0px solid; /* keret, hozzászólások hátterének jobb oldali szegélye */ border-top: #cccccc 0px solid; /* keret, hozzászólások hátterének tetejének szegélye */ border-bottom: #cccccc 0px solid; /* keret, hozzászólások hátterének aljának szegélye */ color: #787878; /* hozzászólások színe */ font size: 7pt; /* hozzászólások szövegmérete */ font-weight: none; /* vendégkönyv modulnál hozzászólása félkövér legyen (bold) vagy sem (none) */} td.list3 /* Hírek/Cikkek modulnál a cikkek fejlécei */ {background-color: #transparent; /* a cikkek fejléceinek színe */ background-image: url(); /* ha képet szeretnél a cikkek fejléceihez a zárójel közé írd a kép URL címét, idézőjelek közé tedd */ border-left: #cccccc 1px solid; /* keret, a cikkek fejléceinek bal oldali szegélye */ border-right: #cccccc 1px solid; /* keret, a cikkek fejléceinek jobb oldali szegélye */ border-top: #cccccc 1px solid; /* keret, a cikkek fejléceinek tetejének szegélye */ border-bottom: #cccccc 1px solid; /* keret, a cikkek fejléceinek aljának szegélye */ color: #787878; /* a cikk címének színe */ font size: 7pt; /* a cikk címének mérete */ font-weight: none; /* a cikk címe félkövér legyen (bold) vagy sem (none) */} .txtbold /* blognál az alcím és a hozzászólást író neve (amennyiben nem adta meg az email címét és nem bejelentkezett felhasználó - ilyenkor a linkeffektek hatnak rá, illetve még 1-2 hely, pl. naptár, hírek/cikkek törzsébe lévő tartalom, stb. */ {font-family: tahoma; /* blog alcím és hozzászóló nevének betűtípusa */ font-size: 7px; /* blog alcím és hozzászóló nevének mérete */ color: #787878; /* blog alcím és hozzászóló nevének színe */ font-weight: bold; /* blog alcím és hozzászóló nevének betűtípusa félkövér legyen (bold) vagy sem (none) */} /* itt a linkek tulajdonságait állíthatod be; ez a menü modulra nincs hatással, csak a többi linkre! */ A:link /* link tulajdonságai, amikor még nem csináltál vele semmit */ {color: #b9a5cb; /* link színe */ text-decoration: none; /* nem húzza alá a linket (none) */ font-family: small fonts; /* a link betűtípusa */ text-transform: uppercase; font-size: 5pt; /* a link mérete */ font-weight: none; /* a link félkövér legyen (bold) vagy sem (none) */} A:visited /* ha már látogatva volt a link, tehát, ha rákattintasz utána ezek a tulajdonságok érvényesülnek */ {color: #b9a5cb; /* link színe */ text-decoration: none; /* nem húzza alá a linket (none) */ font-family: small fonts; /* a link betűtípusa */ text-transform: uppercase; font-size: 5pt; /* a link mérete */ font-weight: none; /* a link félkövér legyen (bold) vagy sem (none) */} A:hover /* ha ráviszed az egeret, ilyen tulajdonságokat vesz fel a link */ {color: #1f0838; /* link színe */ text-decoration: dotted; /* nem húzza alá a linket (none) */ font-family: small fonts; /* a link betűtípusa */ text-transform: uppercase; font-size: 5pt; /* a link mérete */ font-weight: none; /* a link félkövér legyen (bold) vagy sem (none) */} /* ez lényegében ugyanaz, mint a fenti linkkód, viszont ez a menü modulra hat! */ A.menu:link /* link tulajdonságai, amikor még nem csináltál vele semmit */ {color: #b9a5cb; /* link színe */ text-decoration: none; /* nem húzza alá a linket (none) */ font-family: small fonts; /* a link betűtípusa */ text-transform: uppercase; font-size: 5pt; /* a link mérete */ font-weight: none; /* a link félkövér legyen (bold) vagy sem (none) */} A.menu:visited /* ha már látogatva volt a link, tehát, ha rákattintasz utána ezek a tulajdonságok érvényesülnek */ {color: #b9a5cb; /* link színe */ text-decoration: none; /* nem húzza alá a linket (none) */ font-family: small fonts; /* a link betűtípusa */ text-transform: uppercase; font-size: 5pt; /* a link mérete */ font-weight: none; /* a link félkövér legyen (bold) vagy sem (none) */} A.menu:hover /* ha ráviszed az egeret, ilyen tulajdonságokat vesz fel a link */ {color: #1f0838; /* link színe */ text-decoration: dotted; /* nem húzza alá a linket (none) */ font-family: small fonts; /* a link betűtípusa */ text-transform: uppercase; font-size: 5pt; /* a link mérete */ font-weight: none; /* a link félkövér legyen (bold) vagy sem (none) */}