Ez 3 kód lesz, amit különbőző menüpontokba kell berakni. Ügyeljetek arra, hogy a forráskód-ban illesszétek be!
Amit nem kell beilleszteni, vagy változtatni kell rajta azt pirossal írtam.
Közép modul:
1.
<p>
<style type="text/css">
{ }
}input {
background-color: transparent;
font-family: tahoma ;
font-size: px;
color: #000000;}
td.modtitle {
background: url(modul tetejének url címe);
font-family: Script MT Bold;
color: #000000;
font-size: 30px;
text-transform: normal;
text-align: center;
padding-top: -10px;
Padding-left: -90px;
height: 90px;
border-bottom: 0px solid #D7DAD1; }
td.modbody {
background: url(modul közepének url címe);
font-family: Comic Sans MS;
font-size: 11px;
color: #689780;
line-height: 13px ;
padding-left: 16px;
padding-right: 16px;
border-bottom: 0px solid #EAEAEA; }
td.modbottom {
background: url(modul aljának url címe) ;
font-family: Currier New;
font-size: 10px;
color: #000000;
line-height: 11px ;
height: 200px;
border-bottom: 0px solid #c0c0c0;} </style>
</p>
2.
<p>
<style type="text/css">
.modulfent {
background: url();
font-family: Century Gothic;
font-size: 24px;
line-height: 60px ;
color: #000000;
text-align: center;
padding-top: 1px;
padding-right: -20px;
height: 70px;}
.modul {
background: url();
font-family: Arial;
font-size: 14px;
color: #FFFFFF;
line-height: 14px ;
padding-right: 5px;
padding-left: 10px;}
.modullent {
background: url();
font-family: Arial;
font-size: 10px;
color: #FFFFFF;
line-height: 9px ;
padding-right: 9px;
height: 10px;} </style>
</p>
<style type="text/css">
.site {width: 823 ; }</style>
<p>
<style type="text/css">
u
{color: #3c2637; background: #transparent; }
p
{color: #3c2637; background: #transparent; }
strong
{color: #3c2637; background: #transparent; }
em
{color: #3c2637; background: #transparent; }
u
{color: #3c2637; background: #transparent; } </style>
<style type="text/css">
A:link { color:689780; text-decoration:none; font-weight: bold; font-size: 8pt; font-family: century gothic; } A:visited { color:689780; text-decoration:none; font-weight: bold; font-size: 8pt; font-family: century gothic; } A:hover { color:689780; text-decoration:none; font-weight: bold; font-size: 9pt; font-family: century gothic; } </style>
</p>
Oldal modul:
<div align="center">
<table cellpadding="0" cellspacing="0" class="frissmodul" style="width: 310px; height: 328px;">
<tbody>
<tr>
<td class="friss" height="">
Fejléc</td>
</tr>
<tr>
<td class="friss szöveg" height="">
Szöveg</td>
</tr>
<tr>
<td class="friss dátum" colspan="2" height="7">
</td>
</tr>
</tbody>
</table>
</div>
<p>
<style type="text/css">
.frissmodul {
/* az egész táblakód. Itt a szélesség beállítása a lényeges */
background:transparent;
font-family: georgia; /* betűtípus */
color: #706246; /* betűszín */
text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
font-size: 20px; /* betű mérete */
font-weight: bold; /* betű vastagsága */
font-style: italic; /* betű dőlt legyen vagy normal */
text-align: center; /* szöveg pozíciója középen */
HEIGHT: 371px; /* szövegdobozod magassága. Ezt nem kell bántani */
width: 310px; /* szövegdobozod szélessége */
}
.friss {
/* a táblafejléc kódja */
background:transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url(modul tetejének url címe); /* fejléc
szövegdobozod URL címe */
font-family: Century Gothic; /* betűtípus */
text-shadow: #c7c4c7 2px 2px 2px; /* betű árnyéka */
color: #000000; /* betűszín */
text-align: center; /* szöveg pozíciója középen */
font-size: 24px; /* betű mérete */
font-weight: bold; /* betű vastagsága */
font-style: italic; /* betű dőlt legyen vagy normal */
padding-top: 18px; /* cím helyzete fentről */
padding-left: 15px; /* cím helyzete balról */
HEIGHT: 114px; /* szövegdobozod magassága. A fejléc képed magassága */
}
.friss szöveg {
/* a dátumrész kódja */
background: transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url(modul közepének url címe); /* fejléc
szövegdobozod URL címe */
font-family: georgia; /* betűtípus */
font-size: 11px; /* betű mérete */
color: #E66B72; /* betűszín */
text-align: center; /* szöveg pozíciója középen */
padding-left: 0px; /* cím helyzete balról */
padding-right: 0px; /* cím helyzete jobbról */
padding-bottom: 0px; /* cím helyzete lentről */
text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
HEIGHT: 183px; /* szövegdobozod magassága. A lábléc képed magasság */
line-height: 0px; /* sorok közti távolság */
}
.friss dátum {
/* a tartalmi rész kódja */
background-color: transparent; /* háttér színe átlátszó. Nem kell bántani */
background-image: url(modul aljának url címe); /* fejléc
szövegdobozod URL címe */
font-family: 'Courgette', cursive; /* betűtípus */
font-size: 14pt; /* betű mérete */
color: #000000; /* betűszín */
text-align: Left; /* szöveg pozíciója bal */
padding-left: 10px; /* cím helyzete balról */
padding-right: 20px; /* cím helyzete jobbról */
padding-bottom: 0px; /* cím helyzete lentről */
HEIGHT: 30px; /* szövegdobozod magassága. Ezt nem kell bántani */
line-height: 14px; /* sorok közti távolság */
text-shadow: #cbcbc7 1px 1px 1px; /* betű árnyéka */
}
--> </style>
</p>
|