Neko

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

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.