<p>
<span style="font-size:11px;">
<style type="text/css">
td.modtitle /* modulfejléc */
{padding-left: 4px; /* hány px-re legyen a menü neve a modul szélétől */
font-size: 9pt; /* a modul nevének mérete */
font-family: Cooper Black; /* a modul nevének betűtípusa */
font-weight: bold; /* a modul neve félkövér legyen (bold) vagy ne (none) */
color: #ffffff; /* a modul nevének színe */
background-color: #1f467d; /* a modulfejléc hátterének színe */
background-image: url("none"); /* ha képet szeretnél modulfejlécnek a none helyére írd a kép URL címét, idézőjelek maradnak! */
height: 20px; /* a modulfejléc magassága */
}
td.menu /* menü modul, root menü */
{background-color: #ffffff; /* menü modulok belseje */}
td.modbody /* többi modul */
{background-color: #ffffff; /* modulok háttérszíne, menü modul hátterének kerete */
background-image: url("none"); /* ha képet szeretnél modulháttérnek a none helyére írd a kép URL címét, idézőjelek maradnak */
font-size: 8pt; /* modulok tartalmának szövegmérete */
font-family: trebuchet ms; /* modul tartalmának betűtípusa */
font-weight: none; /* modulok tartalmának szövege félkövér legyen (bold) vagy sem (none) */
color: #1f467d; /* modulok tartalmának szövegszíne */
line-height: 9pt; /* sormagasság, ettől függ, hogy a sorok milyen közel vannak egymáshoz */
}
h2 /*a blog bejegyzésének címe, a hírek/cikkek modul bejegyzésének címe */
{font-size: 7pt; /* a bejegyzés címének mérete */
font-weight: bold; /* a bejegyzés címe félkövér legyen (bold) vagy ne (none) */
color: #ffffff; /* a bejegyzés címének színe */
background-color: #1f467d; /* 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! */
}
A:hover h2 /* blog címe, ha ráviszed az egeret */
{color: #1f467d; /* link színe */
background-color: #1f467d; /* link hátterének színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 7pt; /* 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: #ebebeb; /* az oldal hátterének színe */
background-image: url("none"); /* 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: scroll; /* 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: #1f467d; /* szövegszín */
font size: 8pt; /* szövegméret */
font-family: trebuchet ms; /* 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: #ebebeb;}
input,textarea /* rublikák pl. számlálónál, szövegdobozok */
{color:#ffffff; /* a rublikában lévő szöveg színe */
font-size: 8pt; /* a rublikában lévő szöveg mérete */
background: #1f467d; /* a rublika színe */
font-family: trebuchet ms; /* a rublikában lévő szöveg betűtípusa */
}
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: 12px; /* blogplusz modul belső menüfejléceinek magassága */
background-color: #9AA1AE; /* 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 1px solid; /* keret, blogplusz modul belső menüfejléceinek bal oldali szegélye */
border-right: #cccccc 1px solid; /* keret, blogplusz modul belső menüfejléceinek jobb oldali szegélye */
border-top: #cccccc 1px solid; /* keret, blogplusz modul belső menüfejléceinek tetejének szegélye */
border-bottom: #cccccc 1px solid; /* keret, blogplusz modul belső menüfejléceinek aljának szegélye */
color: #000000; /* blogplusz modul belső menüfejléceinek címének színe pl. Friss bejegyzés */
font size: 7pt; /* 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: #9AA1AE; /* 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 1px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek bal oldali szegélye */
border-right: #cccccc 1px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek jobb oldali szegélye */
border-top: #cccccc 1px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek tetejének szegélye */
border-bottom: #cccccc 1px solid; /* keret, vendégkönyv modul bejegyzéseinek fejléceinek aljának szegélye */
color: #000000; /* 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: #1f467d; /* vendégkönyv modul bejegyzéseinek hátterének színe */
color: #ffffff; /* 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: #1f467d; /* hozzászólások hátterének színe */
border-left: #cccccc 1px solid; /* keret, hozzászólások hátterének bal oldali szegélye */
border-right: #cccccc 1px solid; /* keret, hozzászólások hátterének jobb oldali szegélye */
border-top: #cccccc 1px solid; /* keret, hozzászólások hátterének tetejének szegélye */
border-bottom: #cccccc 1px solid; /* keret, hozzászólások hátterének aljának szegélye */
color: #000000; /* 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: #435cf5; /* a cikkek fejléceinek színe */
background-image: url("none"); /* 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 */
color: #ffffff; /* 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: Verdana; /* blog alcím és hozzászóló nevének betűtípusa */
font-size: 8px; /* blog alcím és hozzászóló nevének mérete */
color: #000000; /* 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: #1f467d; /* link színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 8pt; /* 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: #1f467d; /* link színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 8pt; /* 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: #435cf5; /* link színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 8pt; /* a link mérete */
font-weight: bold; /* 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: #1f467d; /* link színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 8pt; /* 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: #1f467d; /* link színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 8pt; /* 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: #435cf5; /* link színe */
text-decoration: none; /* nem húzza alá a linket (none) */
font-family: trebuchet ms; /* a link betűtípusa */
font-size: 8pt; /* a link mérete */
font-weight: bold; /* a link félkövér legyen (bold) vagy sem (none) */} </style>
</span></p>