Welcome, Guest. Please login or register.
Did you miss your activation email?


Login with username, password and session length

Search

 
Advanced search

18507 Posts in 2409 Topics- by 849 Members - Latest Member: hellenlove
Pages: [1]   Go Down
Print
Author Topic: [TUTORIJAL] Obaranje Modula Tutorial za Joomla Predloske  (Read 1542 times)
bennieblanco
GLOBAL MODERATOR
Full Member
*
Offline Offline

Posts: 143


Cika Gagi


View Profile WWW
« on: 20.04.2007; 00:06:51 AM »

Ok code je preveden na poslu :0
ako ima gresaka javite mi


Youjoomla.com Template Skola

Dali 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 Smiley 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.html
P.S:  3, 4,  ILI VISE HORIZONTALNIH MODULA tutorial USKORO!!!
« Last Edit: 22.04.2007; 06:48:42 AM by nedim » Logged

nedim
Web Developer
SITE ADMIN
Hero Member
*
Offline Offline

Posts: 1448



View Profile WWW
« Reply #1 on: 22.04.2007; 07:00:31 AM »

Dobar tutorijal, stikirao sam ga (nadam se da nema problema), svaka cast, jos samo da su linije zaista oznacene narandjastim  Grin, no to svakako nije problem, ljudi znaju da su znakovi //, <!--- i --> oznake za komentare unutar koda, tj, da sve ono sto stavite u njih nece biti citano ili izvrseno od strane browsera.
Samo da malo pojasnimo ovo:
// - Ove dvije linije, poznatije kao SLASH se koriste kada imate samo jednu liniju komentara, znaci, nece izvrsiti taj kod ili ga ucititati, ali samo u liniji gdje ste naveli ovakve oznake
<!-- ovo je za vise linija koda unutar fajla, a u svakome slucaju mora biti zavrseno sa  --> , jer ce Vam inace cijeli ostatak koda biti neucitan.
N.
Logged

bennieblanco
GLOBAL MODERATOR
Full Member
*
Offline Offline

Posts: 143


Cika Gagi


View Profile WWW
« Reply #2 on: 22.04.2007; 07:11:09 AM »

Hvala na objasnjenju linija .Bice jos malo tuts samo beba da poraste Smiley
Logged

Enzo
Zenica
Hero Member
*****
Offline Offline

Posts: 513


MONOBLUE.ORG


View Profile WWW
« Reply #3 on: 22.04.2007; 08:53:00 AM »

Svaka čast bennieblanco
Logged

profa
Newbie
*
Offline Offline

Posts: 3


View Profile
« Reply #4 on: 18.01.2008; 02:24:10 AM »

Pozdrav ekipi
Da li se to može primjeniti i na template koji je napravljen u tablicama i kako se to napravi ako može detaljniji opis.

Logged
Pages: [1]   Go Up
Print
Jump to: