==== CSS ====
Naravno stilove treba definisati u CSS kao sto je npr.
body {
text-align:center; /*center hack*/
}
#wrap {
min-width:760px;
max-width:960px;
width: auto !important; /*IE6 hack*/
width:960px; /*IE6 hack*/
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
}
#header {}
#sidebar {float:left;width:20%; overflow:hidden; }
#content {float:left;width:60%;overflow:hidden;}
#sidebar-2 {float:left;width:20%; overflow:hidden; }
#footer {clear:both; }
.inside {padding:10px;}
* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
}
li,dd {
margin-left:1em;
}
fieldset {
padding:.5em;
}
body {
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
margin:1em 0;
}
#wrap{
border:1px solid #999;
}
===== Stilovi modula =====
Kada se poziva modul u index.php, ima nekoliko opcija kako se prikazuje.
Sintaksa je:
**
Stil je opcioni definisan u templates/system/html/modules.php**. Uopšteno podrazumevana modules.php datoteka sadrži sledeće prikaze (layouts).
OPTION="table" (podrazumevani prikaz) modul prikazuje u koloni. Sledi primer:
showtitle != 0) : ?>
|
title; ?>
|
|
content; ?>
|
OPTION="horz" pravi horizontalni modul. Svaki modul je u okviru ćelije tabele. Primer:
OPTION="xhtml" pravi module u okviru div elementa. Primer:
showtitle != 0) : ?>
title; ?>
content; ?>
OPTION="rounded" pravi modul u formatu koji dozvoljava, npr. Razvijene zaobljene ivice. Ako se koristi ovaj $style ime
menja od moduletable u module. Primer:
showtitle != 0) : ?>
title; ?>
content; ?>
OPTION="none" pravi modul koji se pojavljuje sirov, nema elemenata ni naslova. Primer:
echo $module->content;
//Preporuka je da se ne koriste sufiksi table (default) ili horz osim ako nisu baš potrebni.//
**Korisno!**
Ako istražite modules.php datoteku, videćete sve opcije koje postoje za module. Vrlo je lako da dodate svoje; ove je novost u J1.5 kod template-a.
**//''*Ovaj tekst je preuzet sa sajta [[http://www.compassdesigns.net/tutorials/17-joomla-tutorials/208-joomla-15-template-tutorial.html|Compass Designs]]''//**