Anasayfa Joomla 1.0.x Joomla 1.0.x Makaleler Temada yan yana modül pozisyonları oluşturmak

Temada yan yana modül pozisyonları oluşturmak

E-posta

Tablo kullanmadan temamızda yan yana nasıl modül pozisyonu oluştururuz? Bilindiği gibi, temamıza ekleyeceğimiz modül pozisyonları normalde alt alta gelecektir. Temada yan yana modül pozisyonları  oluşturabilmek için önce [b]index.php[/b] dosyasına aşağıdaki gibi div taglarıyla bir çatı oluşturalım.

<div id="anadiv">
<div id="div1">modül 1</div>
<div id="div2"> modül 2</div>
<div id="div2"> modül 3</div>
</div>

Burada yaptığımız işlem, yan yana gelecek modül pozisyonlarını bir ana div tagı içine almak.


Sonra da modül pozisyonu için gereken kodları ekleyelim.

<div id="anadiv">
<?php if (mosCountModules( "user1" )) { ?>
<div id="div1">[color=blue]<?php mosLoadModules ( 'user1',-2); ?>[/color]</div>
<?php } ?>
<?php if (mosCountModules( "user2" )) { ?>
<div id="div2"> [color=blue]<?php mosLoadModules ( 'user2',-2); ?>[/color]</div>
<?php } ?>
<?php if (mosCountModules( "user3" )) { ?>
<div id="div2"> [color=blue]<?php mosLoadModules ( 'user3',-2); ?>[/color]</div>
<?php } ?>
</div>

Ayrıca, fark ettiğiniz gibi; div’leri   aşağıdaki kodun arasına yazdık.
<?php if (mosCountModules( "user1" )) { ?> modül kodu ve div tagları <?php } ?>
Bu kodun amacı, o modül pozisyonunu sadece o pozisyonda aktif modül varsa göstermek içindir.

Son olarak; modül pozisyon kodlarındaki -1 -2 -3 değerlerine gelelim.

mosLoadModules("user1", -1); : -1 olursa, bu modül pozisyonundaki modülün başlığı görünmez.


mosLoadModules("user1", -2); : -2 olursa, modülün başlığı görünür ve aynı zamanda da module class suffix tekniğini uygulayabilirsiniz.


mosLoadModules("user1", -3); : -3 olursa, modülün başlığı görünür ama class suffix tekniği modüle uygulanmaz.


Şimdi de, [b]template_css.css[/b] dosyasını açıp, div id’lerini aşağıdaki gibi oluşturalım.

 

#anadiv{
width:600px;
height:50px;}

#div1{
float:left;
width:200px;
height:50px;}

#div2{
float:left;
width:200px;
height:50px;}

#div3{
float:right;
width:200px;
height:50px;}

Buradaki 3 modüle ait toplam pixel değerleri toplamının 200+200+200 ana div tagının değeri olan 600’e eşit olduğunu görmekteyiz. Fakat bunlar, örneğin 150+150+300 gibi ya da sizin tasarımınıza göre farklı değerler alabilir.