Sokan éreklődtetek az én CSS kódommal kapcsolatban, így arra gondoltam beteszem nektek ide.
A kódról csak annyit, hogy nem 100%-os a leírás. Azt írtam le, mi micsoda a G-Portál-on, vagy is mi mit alakít át a kódban. Persze, amint megtudok új kódrészletet, azt is felteszem ide.
Ha nem vagy biztos benne vagy nem tudod, hogy PL. mi az a background-color, transparent, size, image, font, stb. akkor előbb ezekről mindenképpen tudj meg ezt-azt, mert e-nélkül nem fogod tudni alakítani a kódot és akkor csak elrontod az oldaladat, és persze ÉN leszek a hibás "szerinted".
Itt pedig megtalálod, mit kelle tenned, ha elrontottad az oldaladat.
Ezt a kódot így ahogy van lehet használni, persze ÁTÍRNI a kódot a saját stílusodra! Nem kell a magyarázatokat belőle kitörölni. Azzal együtt lehet használni. Én is így használom ;)
<style type="text/css">
td.menu { /* menü modul háttere pl. */
background-color: transparent;
font-family: Tahoma;
font-size: 11px;}
a.menu:link, a.menu:visited { /* menü modul linkje */
color: #e95a82;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
font-size: 11px;
text-decoration: none;}
a.menu:hover { /* menü modul linkje ha ráviszem az egeret */
color: #b7e3bf;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
font-family: Tahoma;
border-top: 0px solid #9966cc;
border-bottom: 0px dotted #e5e5e5;
cursor: default;}
.site { /*oldalad szélessége */
width: 794px;
border-left: 4px dashed #e95a82;}
td.listheader { /* blognal a HOZZÁSZÓLÁSOK kinézete */
background-color: transparent;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
font-family: Comic Sans MS;
font-size: 9pt;
color: #6e6e6e;}
td.listheader3 { /* pl. vendégkönyv fejléce */
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
font-size: 9px;
color: #ae7b63;
font-weight: bold;
font-style: normal;
text-align: left;
border-bottom: 0px solid #ae7b63;
text-transform: uppercase;}
td.list1 { /* sms hirdetodoboz 1. Pl.:vendegkonyv belseje, blog: mit szól hozzá kinézete */
background-color: transparent;
font-family: Tahoma;
font-size: 10px;
text-align: justify;
color: #999999;}
td.list2 { /* pl. sms hirdetodoboz 2. */
background-color: transparent;
font-family: Tahoma;
font-size: 10px;
text-align: justify;
color: #999999;}
td.list3 { /* pl. hirek/cikkek modul, fórum fejléce */
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
font-size: 9px;
color: #ae7b63;
font-weight: bold;
font-style: normal;
text-align: left;
border-bottom: 3px solid #b7e3bf;
text-transform: uppercase;}
input { /* pl. oké gomb. */
background-color: #f2f2f2;
font-family: Tahoma;
font-size: 10px;
color: #ae7b63;
border: 0px;}
textarea { /* pl. szövegdoboz kinézete */
background-color: #f2f2f2;
font-family: Tahoma;
font-size: 10px;
color: #999999;
border: 0px;}
td.modtitle { /* modulok fejléce */
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: f2f2f2;
font-size: 9px;
color: #ae7b63;
font-weight: bold;
font-style: normal;
text-align: center;
border-bottom: 3px solid #b7e3bf;
text-transform: uppercase;}
td.modbody { /* modulban a szöveg elrendezése, modul háttere */
background-color: transparent;
font-family: Tahoma;
font-size: 11px;
color: #999999;
border-left: 0px solid #f7d3cd;
border-right: 0px solid #ff3366;
padding-top: 2px;
padding-left: 3px;
padding-right: 3px;}
.txtnormal { /* hirek/cikkek tartalom */
background-color: transparent;
font-family: Tahoma;
font-size: 11px;
color: #999999;
line-height: 115%;
padding: 4px;
text-align: justify;
font-style: italic;}
td.light { /* pl.: témaindító hozzászólás dátum kinézete a fórumban */
background-color: transparent;
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #404040;
font-style: italic;
font-weight: normal;}
a:link img, a:visited img { /*a linkelt kép kinézete */
border: 1px solid #abdebf;
background-color: transparent;
padding: 4px;
filter:alpha(opacity=60);
-moz-opacity:0.9;
-moz-border-radius:0.7em;}
a:hover img{ /* linkelt kép kinézete, ha ráviszed az egeret */
border: 1px solid #e95a82;
background-color: transparent;
padding: 4px;
cursor: help;
filter:alpha(opacity=60);
-moz-opacity:0.9;
-moz-border-radius:0.7em;}
a:link, a:visited {
color: #7eb292;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
font-size: 11px;
text-decoration: none;}
a:hover {
color: #b7e3bf;
font-size: 11px;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
font-family: Tahoma;
border-top: 0px solid #9966cc;
border-bottom: 0px dotted #e5e5e5;
cursor: default;}
table { /* pl. egyszínu lesz a háttér a modulok alatt */
background-attachment: fixed;
background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1248620306_22.png);
background-repeat: repeat;
}
/* BLOG */
.blogtartalom { /* ehhez ha megírtad a blogot ezt a kódot illeszd be kódnézetben */
-moz-border-radius:0.7em;
font-size: 11px;
font-style: italic;
line-height: 15px;
color: #999999;
border: 1px solid #dfdfdf;
background-position: no-repeat top;
text-align: justify;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1248630971_70.png);
}
.commenttext { /* blog hozzászólásának a kinézete */
background-color: transparent;
font-family: Verdana;
font-size: 10px;
color: #b2b1b1;}
.txtbold { /* blog hozzászóló nevének kinézete v. az alcím kinézete */
background-color: transparent;
font-family: Verdana;
font-size: 9px;
color: #3d799e;
font-weight: bold;
}
h2 { /* blog címének kinézete, hirek/cikkek fejléc betüstílusa */
font-family: Helvetica;
font-size: 10px;
font-style: italic;
font-weight: normal;
text-transform: lowercase;
}
a:hover h2 { /* blog címének kinézete, ha ráviszed az egeret */
font-family: Helvetica;
font-size: 10px;
font-style: italic;
font-weight: normal;
}
body { /* az egész oldal, ide jöhet a háttérbeállítás például */
background-attachment: fixed;
cursor: default;
background-repeat: repeat;
margin-left: 50px;}
/* DŐLT, ALÁHÚZOTT, BOLD betűstílusok */
STRONG {
COLOR: #b6876e;
FONT-SIZE: 9px;
letter-spacing: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
U {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 0px;
TEXT-TRANSFORM: lowercase;
color: #fa7493;
font-weight: bold;
text-decoration: none;
letter-spacing: 0px;}
EM {
COLOR: #666666;
letter-spacing: px;
FONT-SIZE: 10px;
FONT-FAMILY: georgia;
border-bottom: 0px dashed #6d927d;
}
-->
</style>
2009. 07. 26.
LindaDesign |