10. CSS kód régi fajta CuteNews-hoz
Annyit szeretnék megjegyezni, hogy a GP-s CSS kód, amit az oldaladhoz használsz, azt a CuteNews nem használja fel!!!!!!!!!! Csak azt a CSS kódot használja fel, amit feltöltesz a tárhelyedre neki!
/* szövegdoboz kódja */
/* ETTŐL */
.egeszmodul {
/* az egész táblakód. Itt a szélesség beállítása a lényeg */
background: transparent;
HEIGHT: 100%; /* szövegdobozod magassága. Ezt nem kell bántani */
width: 564px; /* szövegdobozod szélessége */
}
.cim { /* hírek cím stílusa */
font-family: "Times New Roman"; /* cím betűtípusa */
font-size: 17px; /* cím betűmérete */
font-weight: bold; /* betűvastagság legyen vagy ne */
color: #464646; /* cím betűszíne */
text-align: center; /* cím helyzete: jobbra, középen vagy balra */
font-style: italic; /* betűstílus dőlt */
background-image: url(http://lindadesign.bplaced.net/pictures/textbox/fejlec.png); /* a szövegdobozod felső részének a képe ide kerül */
height: 194px; /* szövegdoboz felső részének a PONTOS magassága */
width: 564px; /* szövegdoboz felső részének a PONTOS szélessége */
}
.datum { /* a dátum és cikkíró kinézete */
font-family: Tahoma; /* dátum betűtípusa */
font-size: 11px; /* dátum betűmérete */
font-weight: normal; /* betűvastagság legyen vagy ne */
color: #999999; /* dátum betűszíne */
text-align: center; /* dátum helyzete: jobbra, középen vagy balra */
font-style: normal; /* betűstílus dőlt vagy normal */
padding-bottom: 15px; /* dátum helyzete lentről. Ennyi pixellel kerül feljebb a dátum */ padding-top: 0px; /* dátum helyzete fentről. Ennyi pixellel kerül lejjebb a dátum */
padding-left: 0px; /* dátum helyzete balról. Ennyi pixellel kerül jobbra a dátum */
padding-right: 0px; /* dátum helyzete jobbról. Ennyi pixellel kerül balra a dátum */
}
.tartalom { /* a cikk kinézete */
font-size: 12px;
font-style: normal;
line-height: 1.5em;
color: #666666;
border: 0px solid #E5E5E5;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 0px;
background-image: url(http://lindadesign.bplaced.net/pictures/textbox/hatter.png); /* a szövegdobozod tartalmi részének a háttere ide kerül */
height: 100%; /* ez MARAD!!!! */
padding-right: 20px; /* hogy a szöveg és a szövegdoboz széle között legyen egy kis táv jobbról */
padding-left: 20px; /* hogy a szöveg és a szövegdoboz széle között legyen egy kis táv balról */
}
.lablec { /* szövegdoboz lábléce */
background-image: url(http://lindadesign.bplaced.net/pictures/textbox/lablec.png); /* a szövegdobozod alsó részének a képe ide kerül */
height: 253px; /* szövegdoboz alsó részének a PONTOS magassága */
width: 564px; /* szövegdoboz alsó részének a PONTOS szélessége */
}
/* EDDIG */
/* sima kép stílusa */
/* ETTŐL */
img { /* nem linkelt kép kinézete */
background-color: transparent;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-border-radius:0.7em;
-webkit-border-radius: 0.7em;}
img:hover{ /* nem linklet kép kinézete, ha ráviszed az egeret */
background-color: transparent;
filter: alpha(opacity=90);
opacity: 1.0;
cursor: se-resize;
-moz-border-radius: 0.7em;
-webkit-border-radius: 0.7em;}
/* EDDIG */
/* linkelt kép stílusa*/
/* ETTŐL */
a:link img, a:visited img {
border: 0px solid #abdebf;
background-color: transparent;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-border-radius:0.9em 0em 0.9em 0em;
-webkit-border-radius: 0.9em 0em 0.9em 0em;}
a:hover img{
border: 0px solid #e95a82;
background-color: #ffffff;
cursor: help;
filter: alpha(opacity=90);
opacity: 1.0;
-moz-border-radius: 0.9em 0em 0.9em 0em;
-webkit-border-radius: 0.9em 0em 0.9em 0em;}
/* EDDIG */
/* linkelt szöveg stílusa */
/* ETTŐL */
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;}
/* EDDIG */
input { /*az a rész, ahol hozzászólásnál beírod a neved és e-mail címed */
background-color: #f2f2f2;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #d04b70;
border: 1px solid #DADADA;
text-align: left;
padding: 3px;
font-style: italic;
font-weight: bold;
}
textarea { /*az a rész, ahova a hozzászólást írod */
background-color: #f2f2f2;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #5f8da9;
border: 1px solid #DADADA;
text-align: justify;
padding: 3px;
}
table, tr, td { /*táblázatokban lévő szöveg stílusa */
background-color: transparent;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #c0ae78;
}
/* VASTAG, ALÁHÚZOTT, DŐLT betustílusok */
STRONG {
COLOR: #2c780d;
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;
}
|