Ok code je preveden na poslu :0
ako ima gresaka javite mi
Youjoomla.com Template SkolaDali vasoj Joomla starnici nedostaje funkcionalstost? Dali zelite da modul div nestane kad je
modul neobjavljen a neznate kako? Youjoomla.com Template Skola ce vam pomoci da ubacite ovu
funkciju u vas predlozak.Jedan mali veznik ce vam omoguciti sve. " IF" .Pa da vidimo dalje.
Ako danas odem u prodavnicu , kupicu paradjz, ili(zamjena za IF) ako ostanem kuci gledacu tv.
Sad vjerovatno mislite kakve veze imaju pradajz i tv sa Joomla.Ok ok idemo dalje
U Joomla svijetu ,
< php? "AKo su lijevi i desni modul objavljeni,namjesti odredjenu sirinu sadrzaja , ako je samo
lijevi modul objavljen ,onda je sirina sadrzaja slijedeca ili, ako je samo desni modul objavljen
onda je sirina sadrzaja ova, ili cak ako nijedan modul nije objavljen neka je sirina sadrzaja
100% ili odredjeni piksel." ?>
Nadam se da je sad malo jasnije.
Sada da vidimo PHP funkciju koja obavlja veci dio posla
Citajte narandjasti tekst
<?php { //Pocetak funkcije obaranja modula
$lijevo = mosCountModules( 'left' ); // LIJEVI MODULI
$desno = mosCountModules( 'right' ) ; // DESNI MODULI
if ( $lijevo && $desno ) { // IF (ako) su desni i lijevi moduli objavljeni
<--------slijedeca linija -------------->
$kont_sadrzaja = 'main-body'; // prikazi div main-body!
$sadrzaj = 'content'; // i prikazi div content!
} elseif ( $lijevo ) { // Slijedeci IF kaze:Ako je samo lijevi modul
objavljen
$kont_sadrzaja = 'main-body-left'; // prikazi div main-body-left!
$sadrzaj = 'content-left'; // i prikazi div content-left!
} elseif ( $desno ) { //Treci IF kaze ako je samo desni modul
objavljen
$$kont_sadrzaja = 'main-body-right'; // prikazi div main-body-right!
$sadrzaj = 'content-right'; // i prikazi div content-right!
} else { // Posljednji IF kaze ,ako nijedan modul nije
objavljen
$$kont_sadrzaja = 'main-body-full'; // prikazi div main-body-full!
$sadrzaj = 'content-full'; // i prikazi div content-full!
} //Kraj funkcije
?>
<?php } ?>
ok nadam se da ste jos uvijek tu.
Da objasnim div pozive
$kont_sadrzaja php cemo koristiti da prikazemo sve divove za main-body znaci,-left, -right -full
$sadrzaj php cemo koristiti da prikazemo sve divove za content.
Ok idemo dalje sada citajte sivi teks.!
<!--Pocni Kontejner Sadrzaja-->
<!--Pocni sadrzaj-->
<div id="<? echo $$kont_sadrzaja; ?>"> <!--Ova linija poziva div zavisno od objave modula.-->
<div id="<? echo $sadrzaj; ?>"> <!--Ovdje isto kao gore. -->
<?php mosMainBody(); ?> <!--Mnogi od vas ovo znaju ,ali oni koji nisu upuceni ova linija poziva
sadrzaj komponente -->
</div> <!--Zatvori Div-->
<?php if (mosCountModules('left')) {?><!--Ovo je glavna linija za obaranje modula koja kaze, samo
ako je lijevi modul objavljen.Nastavite 2 linije ispod-->
<div id="modleft">
<div class="inside">
<?php mosLoadModules('left',-2);?> <!--Joomla/Mambo prikazi taj modul u lijevoj pozocioji.Znaci
da nista nece biti prikazano kao ni div koji sadrzi module, ako modul nije objavljen.Razlog za
ovo je to sto smo ovu liniju postavili prije diva koji sadrzi module =modlef" -->
</div> <!--Zatvori taj div-->
</div> <!--Zatvori taj div-->
<?php } ?> <!--Ovo zatvara IF funkciju.VEOMA VAZNO.Pazite na ovaj dio jer vam on zatvara sve
didove koji su prije njega.Ako ga postavite poslije pogresnog div,funkcija ce raditi ali vam
stranica nece biti XHTM VALID-->
</div> <!--Kraj glavnog sadrzaja-->
<?php if (mosCountModules('right')) { ?><!--Isto kao lijevi modul-->
<div id="modright">
<div class="inside">
<?php mosLoadModules('right',-2);?> <!--Isto kao lijevi modul-->
</div> <!--Zatvori taj div-->
</div> <!--Zatvori taj div-->
<?php } ?>
</div> <!--Kraj kontejnera-->
Sada da vidimo template_css.css
/*------------------------------------------------------------------------
# COLLAPSE MODULES TUTORIAL BY YOUJOOMLA.COM
# ------------------------------------------------------------------------
# Copyright (C) 2006-2007 Youjoomla.com, All Rights Reserved.
-------------------------------------------------------------------------*/
/* DEMO TEMPLATE CODE*/
body {
text-align:center;
background:#999;
}
#topmenu{
margin:0 auto;
width:80%;
text-align: left;
}
#wrap{
text-align: left;
background:#CCCCCC;/*samo malo boje da dodamo*/
float:left;
padding: 20px 5px 20px 5px;
}
#container {
width:100%; /*center hack*//*OVO JE GLAVNI KONTEJNER ZA SVE DIVS*/
margin:0 auto; /*center hack*/
text-align:left;
background: #cccccc;
}
#modright { /*OVO JE MODUL DESNO*/
background:#800040;
color:#fff;
float:right;
width:17%;
overflow:hidden;
margin-left:-3px;
}
#modleft { /*OVO JE MODUL LIJEVO*/
background:#0099FF;
color:#fff;
float:left;
width:19%;
overflow:hidden;
margin-right:-3px;
}
.inside { /*SAMO POMJERAMO MODULETABLE SA ZIDOVA*/
padding:7px;
}
/*OBARANJE MODULA */
/*LIJEVI I DESNI OBJAVLJENI */
#main-body { /*OVO JE GLAVNI IDV KOJI SADRZI CONTENT DIV ILI DIV SA SADRZAJOM*/
float:left;
width:83%;
}
#content { /*OVO JE CONTENT DIV ILI DIV U KOJEM JE SADRZAJ ILI MAINBODY*/
text-align:left;
float:right;
width:80%;
}
/*OBORI SAMO LIJEVI MODULY*/
#main-body-right {
float:left;
width:80%;
}
#content-right {
text-align:left;
float:left;
width:100%;
}
/*OBORI SAMO DESNI MODUL*/
#main-body-left {
float:left;
width:100%;
padding-right:10px;
}
#content-left {
text-align:left;
float:right;
width:80%;
overflow:hidden;
}
/*OBORI LIJEVI I DESNI MODUL */
#main-body-full {
float:left;
width:100%;
}
#content-full {
margin:0 auto;
text-align:left;
width:90%;
}
/*KRAJ FUNKCIJE */
To je to! Sad da vidimo dali ovo uopste radi
http://tutorials.youjoomla.com/index.php? site
Code mozete ovdje da skinete
http://www.youjoomla.com/downloads/2.html.
Link to original Tutorial http://www.youjoomla.com/collapse-modules-tutorial-for-joomla.htmlP.S: 3, 4, ILI VISE HORIZONTALNIH MODULA tutorial USKORO!!!