Mi sem egyszerűbb a css kód szerkesztésénél. Legkönnyebb módja, hogyha egy css kódot letöltünk, és átszerkesztünk. Itt a példa. Másold be az oldaladra egy jobb/bal menübe, forráskódként. Figyeld meg a kódot, mit kell csinálni vele.
<p>
<style type="text/css">
<!--
body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
}--> </style>
</p>
<p>
<style type="text/css">
P, body, td, tr
{ font-size: 10px;
line-height: 11px;
color: #; ( milyen színű a modul írása )
font-family:; ( milyen betűtípus a modul írása )
}
::-moz-selection {
background-color: #; ( milyen színű a modul betűje )
color: #} ( milyen színű a modul betűje )
i, em { color: # /* dölt betûk tulajdonságai */
font-family: ; ( milyen a modul betűtípusa )
font-size: 12px;
font-weight: normal;
font-style: italic;
text-decoration: none;
background-color: # ( milyen színű a modul betűje )
}
u { color: #; /*aláhúzott*/
font-family:; ( milyen a modul betűtípusa )
font-weight: normal;
text-decoration: none;
font-size: 12px;
}
strong { color: #; /* félkövér betûk tulajdonságai */
font-size: 12px;
text-transform: none;
font-weight: bold;
font-family: ; ( milyen a modul betűtípusa )
text-decoration: none;
text-transform: uppercase; }
a:link { /* a link tulajdonságai */
color: #; ( link színe )
font-family:; ( link betűtípusa
font-size: 12px;
font-weight: bold;
font-style: none;
text-decoration: none;
}
a:visited { /*már meglátogatott link tulajdonságai */
color: #; ( már meglátogatott link színe )
font-family:; ( már meglátogatott link betűtípusa )
font-size: 12px;
font-weight: bold;
font-style: none;
text-decoration: none;
}
a:hover { /* a link tulajdonsága ha ráviszed az egeret */
color: #; ( ha ráviszed az egered a linkre, a színe )
font-family: ; ( ha ráviszed az egered a linkre, a betűtípusa )
font-size: 12px;
font-weight: bold;
font-style: none;
text-transform: none;
text-decoration: none;
}
a:active { /* a link tulajdonsága amelyiken éppen vagy */
color: #; ( amelyik linkben vagy színe )
font-family: ; ( amelyik linkben vagy betűtípusa )
font-size: 12px;
font-weight: bold;
font-style: none;
text-transform: none;
text-decoration: none;
} </style>
</p>
<p>
<style type="text/css">
TD.modbody { /* modulháttér tulajdonságai */
background-image: url(); ( a háttér színe, ide URL cím kell )
text-align: left;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 7px;
padding-left: 7px;
border-bottom: 3px;}
td.modtitle { /*modulfejléc tulajdonságai */
background-image: url(); ( a modulfejléc színe, ide URL kell )
font-size: 15px;
color: #; ( ha színt akarsz, és nem akarsz szerkeszteni, a színkódot, ide illeszd! )
font-style: none;
font-weight: bold;
text-align: center;
text-align:center;
padding-top: 0px;
padding-bottom: 3px;
line-height: 22px;}
#name {
background:url("") no-repeat;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 2px;
font-size: 10px;
color: #; ( ha színt akarsz, és nem akarsz szerkeszteni, a színkódot, ide illeszd! )
font-style: none;
font-weight: bold;
text-align: center;
height: auto;
width: auto;
line-height: 22px; /*fejlécmagasság*/ }
#total {
width: 450px;} /*modulszélesség */
#szelesseg {
width: 440px;} /* tartalomszélesség */
#text {
background:url("") repeat-y;
text-align: justify;
font-weight: none;
padding-right: 5px;
padding-left: 5px; } </style>
</p>
Nem vállalok felelősséget, azért, ha nem jó a css. Ha mégsem jó, normálisan szólj, és segítek. Ha elrontottál valamit, menj a Hibakereső mód menübe. :) Ha nem bírsz bejelentkezni, írd be ezt: http://oldaladcíme.gportal.hu/hibakeresomod
Remélem segítettem. További problémák esetén, a G-Portál.hu segítségein olvasgathatsz!
|