A css az aranymeliről származik, az egész át lett alakítva vagyis nagyjából saját szóval tilos lelopni. Néhány szó amit érdemes tudni :]
right: jobb
left: bal
top: felül
bottom: alul
border: keret
dotted: pontozott
dashed: szagatott
solid: sima
<p><style type="text/css">
td.menu {/* menü modul háttere pl. */
background-color: transparent; átlátszó lesz a "Vezérlő (Root)" háttere.
font-family: Comic Sans Ms; "Vezérlő (Root)" betűtípusa
font-size: 9px;} betűtípus mérete
a.menu:link, a.menu:visited { /* menü modul linkje */
color: #ffffff; "Vezérlő (Root)" linkjeinek színe
font-family: Comic Sans Ms;
font-weight: normal;
font-style: normal; betűtípus normális vagy nem dőlt, aláhúzott félkövér
font-size: 9px;
text-decoration: none;
}
a.menu:hover { /* menü modul linkje ha ráviszem az egeret */
color: #b2cfe7; ha ráviszed az egeret a linkre, itt add meg a színét
font-size: 9px;
font-weight: none;
text-decoration: none;
text-transform: none;
font-style: normal;
font-family: Comic Sans Ms;
border-bottom: 1px dotted #b2cfe7; 1px-es őöttyös keretű a link
cursor: se-resize;
background-color: #529a97; háttérszín
}
.site {
width: 780px; Az oldalmenük +tartalmi rész együtt 780px széles
border-left: 0px solid #000000; keret az oldalnak
border-right: 0px solid #000000;}
td.listheader { /* blognal a HOZZÁSZÓLÁSOK kinézete */
background-color: transparent; háttérszín, jelen esetben átlátszó
border-left: 0px solid #000000; 0px-es vonal balra
border-right: 0px solid #000000; 0px-es vonal jobbra
border-top: 0px solid #000000; 0px-es vonal felülre
border-bottom: 0px solid #000000; 0px-es vonal alulra
font-family: Comic Sans Ms;betűtípus
font-size: 9px; betűtípus mérete
color: #ffffff; betűtípus színe
font-style: italic;
font-weight: none;
}
td.listheader3 { /* pl. vendégkönyv fejléce */
font-family: Comic Sans Ms; betűtípus
font-size: 10px; betűtípus mérete
color: #ffffff; betűtípus színe
font-weight: normal;
font-style: normal;
text-align: left; bal oldalra zárva
border-top: 0px dotted #3b796a; 0px-es pontos keret és színe
border-bottom: 0px solid #1e133b; 0px-es sima keret és színe
-moz-border-radius: 1.7em 1.7em 0em 0em;
-webkit-border-radius: 1.7em 1.7em 0em 0em;
text-transform: uppercase;
background-color: #99c2e2; vendégkönyv fejlécének háttérszíne
padding-top: 5px; A vendégkönyv fejlécben a szöveg 5px lejjebb helyezkedik el a tetejétől
padding-bottom: 5px; A vendégkönyv fejlécben a szöveg 5px lejjebb helyezkedik el az aljától
}
td.list1 { /* sms hirdetodoboz 1. Pl.:vendegkonyv belseje, blog: mit szól hozzá kinézete */
background-color: #99c2e2; A vendégkönyv tartalmi részének háttérszíne
font-family: Comic Sans Ms; betűtípus
font-size: 9px; betűtípus mérete
border: 0px; A vendégkönyv tartalmi részének kerete
text-align: justify;
color: #000000; betűtípus színe
-moz-border-radius: 0em 0em 1.7em 1.7em; lekerekítése
-webkit-border-radius: 0em 0em 1.7em 1.7em; lekerekítése
}
td.list2 { /* pl. sms hirdetodoboz 2. */
background-color: transparent; háttere átlátszó
font-family: Tahoma;betűtípus
font-size: 11px;betűtípus mérete
text-align: justify;
color: #000000;betűtípus színe
}
td.list3 { /* pl. hirek/cikkek modul, fórum fejléce */
font-family: Verdana, Arial, Helvetica, sans-serif; azért van több betűtípus felsorolva, hogyha valakinek az első betűtípus nem jönne be mert a gépén nincsen rajta akkor a következő betűtípus töltődik be
font-size: 9px; betűtípus mérete
color: #1e133b;betűtípus színe
font-weight: bold; félkövér
font-style: normal;
text-align: left; balra zárva
border-top: 0px dotted #3b796a; 0px-es pontozott keret felül
border-bottom: 0px solid #3b796a;0px-es pontozott keret alul
-moz-border-radius: 0em 0em 0em 0em; nincs lekerekítése
-webkit-border-radius: 0em 0em 0em 0em;
text-transform: uppercase; nagybetűs a szöveg
background-color: #d7d4cd; háttérszín
padding-top: 5px; A vendégkönyv fejlécben a szöveg 5px lejjebb helyezkedik el a tetejétől
padding-bottom: 5px; A vendégkönyv fejlécben a szöveg 5px lejjebb helyezkedik el az aljától
}
input { /* pl. oké gomb. */
font-family: Comic Sans Ms; betűtípus
font-size: 9px; betűtípus mérete
color: #000000; betűtípus színe
border: 1px dotted #d4e4f2; betűtípuspontozott keret 1px-es és d4e4f2 színű
background-color: transparent; átlátszó hátterű
-moz-border-radius: 0.7em; lekerekítése
-webkit-border-radius: 0.7em;lekerekítése
padding: 2px; 2px-elre van a szöveg a kerettől
}
td.modtitle { /* modulok fejléce */
background-color: #99c2e2; háttérszín
font-family: Monotype Corsiva; betűtípus
font-size: 19px; betűtípus mérete
color: ffffff; betűtípus színe
font-weight: normal;
font-style: normal;
text-align: center; középre zárva
text-transform: none;
border-top: 1px dotted #ffffff; 1px-es keret felül
border-left: 1px dotted #ffffff; 1px-es keret balra
border-right: 1px dotted #ffffff; 1px-es keret jobbra
padding-top: 0px;
padding-bottom: 0px;
-moz-border-radius: 1.7em 1.7em 0em 0em; lekerekítése
-webkit-border-radius: 1.7em 1.7em 0em 0em;lekerekítése
}
td.modbody { /* modulban a szöveg elrendezése, modul háttere */
background-color: #99c2e2; modul háttér
font-family: Comic Sans Ms; modul betűtípusa
font-size: 9px; betűtípus mérete
color: #ffffff; betűtípus színe
border-bottom: 1px dotted #ffffff; 1px-es pontozott keret alul
border-right: 1px dotted #ffffff; 1px-es pontozott keret jobbra
border-left: 1px dotted #ffffff; 1px-es pontozott keret balra
-moz-border-radius: 0em 0em 1.7em 1.7em; lekerekítése
-webkit-border-radius: 0em 0em 1.7em 1.7em; lekerekítése
}
.txtnormal { /* hirek/cikkek tartalom */
background-color: transparent; hírek háttere átlátszó
font-family: Tahoma; betűtípus
font-size: 11px; betűtípus mérete
color: #000000; betűtípus színe
line-height: 115%;
padding: 4px;
text-align: justify;
font-style: normal;
}
td.light { /* pl.: témaindító hozzászólás dátum kinézete a fórumban */
background-color: transparent; átlátszó hátterű
font-family: Comic Sans Ms; betűtípus
font-size: 9px; betűtípus mérete
color: #ffffff; betűtípus színe
font-style: normal;
font-weight: normal;
}
a:link img, a:visited img {
border: 0px; képek kerete
background-color: transparent; linkelt képek átlátszó hátterűek
filter:alpha(opacity=90);
opacity:0.9;}
a:hover img{
border: 0px; ha ráviszed az egeret a linkelt képre 0px-es kerete lesz
background-color: transparent; átlátszó háttér
cursor: help; kurzor
filter:alpha(opacity=60);
opacity:0.6;}
a:link, a:visited {
color: #cce1f1; linkelt szöveg színe
font-family: Comic Sans Ms;linkelt szöveg betűtípusa
font-weight: bold; linkelt szöveg félkövér
font-style: normal;
font-size: 9px; linkelt szöveg mérete
text-decoration: none;
}
a:hover {
color: #e0edf8; ha ráviszed az egeret a linkelt szövegre ilyen lesz a színe
font-size: 9px;ha ráviszed az egeret a linkelt szövegre ilyen lesz a mérete
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
font-family: Comic Sans Ms; ha ráviszed az egeret a linkelt szövegre ilyen lesz a betűtípusa
border-bottom: 1px dotted #e0edf8; ha ráviszed az egeret a linkelt szövegre lesz egy 1px-es pontozott kerete
cursor: crosshair;
background-color: #; nincs háttérszín
}
table { /* pl. egyszínu lesz a háttér a modulok alatt */
background-attachment: fixed;
background-repeat: repeat;
background-color: transparent;
}
td { /* pl. egyszínu lesz a háttér a modulok alatt */
background-attachment: fixed;
background-repeat: repeat;
background-color: transparent;
}
.headerbg { /* pl. átlátszó lesz a fejléc alatt */
background-color: transparent;
}
/* BLOG */
.commenttext { /* blog hozzászólásának a kinézete */
background-color: transparent; átlátszó hátterűek a hozzászólások
font-family: Comic Sans Ms; hozzászólások betűtípusa
font-size: 9px; hozzászólások mérete
color: #000000; hozzászólások színe
font-style: normal;
}
.txtbold { /* blog hozzászóló nevének kinézete v. az alcím kinézete */
background-color: transparent;
font-family: Comic Sans Ms;
font-size: 9px;
color: #e0edf8;
font-weight: normal;
}
h2 { /* blog címének kinézete, hirek/cikkek fejléc betüstílusa */
font-family: Comic Sans Ms;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: none;
}
a:hover h2 { /* blog címének kinézete, ha ráviszed az egeret */
font-family: Comic Sans Ms;
font-size: 12px;
font-style: italic;
font-weight: normal;
}
body {
background-attachment: fixed;
cursor: crosshair;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
background-repeat: repeat; a háttér ismétlődik
margin-left: 0px; az oldal 0px-elre helyezkedik el a bal oldaltól
background-image: transparent; átlátszó, a "stílus és felület"nél kell feltölteni egy hátteret és az fog látszódni
}
</style></p> |