Különleges Modulstílus
Te is szeretnél egy olyan modult amihez csak te készítessz el minden extrát. Csak nyiss meg egy képs szerkesztőt és csinálj egy modult, és azt vágd 3 felé: fejléc, háttér, lábléc
Fejléc: [LINK]
Háttér: [Link]
Lábléc: [Link]
Ennyi a modul. Most ezeket a képeket töltsük fel valahova.. A linkeket illesszük be a kijelölt részekbe!
Fontos, hogy ezzel a kóddal csak a középső modult tudod megcsinálni, és a szélsőt csak akkor ha a fejlécen és a háttéren csinálsz vastag csíkot és oda a szélső modult. Vagy olyan modult csinálysz ami csak négyszögletű, és akkor használhatod a szélsőkön is.
A css -ben bejelöltem azokat a részeket ahova a link-kell, és még az elején a modulod méretét. +Még vannak a kódban betűszínek stb. Ennek az értelmezésébe már nem mentem bele, majd talán egyzser egy nagyon hosszú cikkben.. =)
Legyen ez a végszó: Jó modulozást! Remélem mindenki megértette!
<style type="text/css">
.site {
width: Modul mérete px;}
--> </style>
<style type="text/css">
td.sitecol {
padding-left: 1px;
padding-right: 1px;}
</style>
<style type="text/css">
{ }
}input {
background-color: transparent;
font-family: tahoma ;
font-size: px;
color: #000000;
border-left: 1px dotted :#000000 ;
border-right: 1px dotted : #000000;
border-top: 1px dotted #000000 ;
border-bottom: 1px dotted #000000 ;}
td.modtitle {
background: url( Fejléc Linkje );
font-size: 20px;
color: #72963e;
font-weight: bold;
font-style: italic;
letter-spacing: -2px;
height: 104px;
width: 287px;
text-transform: lowercase;
font-family: arial;
text-shadow: #ffffff 2px 0px 0px;
text-align: center;
border-bottom: 0px solid #c6a952; }
td.modbody {
background: url( Háttér linkje );
font-family: arial;
font-size: 11px;
color: #ffffff;
text-shadow: #a6da5c 1px 0px 0px;
line-height: 13px ;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;}
td.modbottom {
background: url( Lábléc Linkje );
height: 33px; }
</style>
AJÁNLOM AZ OLDALT
Súgó
Új hozzászólás
Frissítés
![[LINK]](http://websims.gportal.hu/portal/websims/upload/692074_1322923332_09040.png){kind=link}
![[Link]](http://websims.gportal.hu/portal/websims/upload/692074_1322923328_09497.png){kind=link}
![[Link]](http://websims.gportal.hu/portal/websims/upload/692074_1322923332_08704.png){kind=link}