5 iletiden 1 ile 5 arası.
  1. #1
    Katılımcı Üye
    Üyelik tarihi
    08-01-2012
    Yaş
    35
    İletiler
    56

    Standart Yan yana blok alanları oluşturmak + Blok alanındaki içeriği yatay sıralamak?

    Merhaba ben fusion tema kullanıyorum.
    Tema da yapmak istediğim 2 olay var.
    1- Yan yana blok alanları oluşturmak.
    2- Mevcut blok alanlarına eklenen içeriği alt alata değil de yatay sıralamak.

    Yardımcı olursanız sevinirim.

  2. #2
    Katılımcı Üye
    Üyelik tarihi
    08-01-2012
    Yaş
    35
    İletiler
    56

    Standart çözüldü

    ÇÖZÜLDÜ.
    Çözüm yan yana 4 blok.

    temanın .info dosyasında "regions[preface_top] = Preface top" satırının altına oluşturacağım blok alnalarını yazdım.

    Kod:
    regions[home_high1]     = Home Highlight 1
    regions[home_high2]     = Home Highlight 2
    regions[home_high3]     = Home Highlight 3
    regions[home_high4]     = Home Highlight 4

    Kullandığım temanın page.tpl.php dosyasında "<?php print render($page['preface_top']); ?>" satırının altına aşağıda verdiğim kodu yazdım.

    Kod:
    	  <div id="highlight-group" class="highlight-group region <?php print $grid_width; ?>">
    	  
    	  
    	    <?php if ($page['home_high1'] || $page['home_high2'] || $page['home_high3'] || $page['home_high4']): ?>
        <div id="home-highlights" class="clearfix">
         <?php if ($page['home_high1']): ?>
         <div class="home-highlight-box"><?php print render($page['home_high1']); ?></div>
         <?php endif; ?>
         <?php if ($page['home_high2']): ?>
         <div class="home-highlight-box"><?php print render($page['home_high2']); ?></div>
         <?php endif; ?>
         <?php if ($page['home_high3']): ?>
         <div class="home-highlight-box"><?php print render($page['home_high3']); ?></div>
         <?php endif; ?>	 
         <?php if ($page['home_high4']): ?>
         <div class="home-highlight-box"><?php print render($page['home_high4']); ?></div>
         <?php endif; ?>
        </div>
      <?php endif; ?>
      
      </div>

    style.css dosyasına da aşağıdaki kodu ekledim.

    Kod:
    .home-highlight-box {
      float: left;
      width: 200px;
      margin-right: 25px;
      text-align: left;
    }
    
    .home-highlight-box h2 {
    font: verdana;
      font-size: 16px;
      margin-bottom: 12px;
      color: #ff0000;
    }
    
    
    .home-highlight-box img {
      margin-bottom: 10px;
      -moz-box-shadow: 0px 0px 5px #CCC;
      -webkit-box-shadow: 0px 0px 5px #CCC;
      box-shadow: 0px 0px 5px #CCC;
    }
    Konu chelikolik tarafından (29-06-2012 Saat 21:24 ) değiştirilmiştir.

  3. #3
    Katılımcı Üye
    Üyelik tarihi
    08-01-2012
    Yaş
    35
    İletiler
    56

    Standart Cevap: Yan yana blok alanları oluşturmak + Blok alanındaki içeriği yatay sıralamak?

    Yalnız bir sorun var. Her blok alanına 960 px genişlik veriyor. O da sayfanın taşmasına, aşağıda kaydırma çubuğu çıkmasına sebep oluyor. Onu da çözersek sorun kalmayacak gibi

  4. #4
    Yönetici
    Üyelik tarihi
    25-12-2011
    Konum
    Mardin-Kızıltepe
    Yaş
    36
    İletiler
    162

    Standart Cevap: Yan yana blok alanları oluşturmak + Blok alanındaki içeriği yatay sıralamak?

    Fusion 2.x serisi kullanıyorsanız Fusion Accelarator eklentisini kullanacak ve blocklarınıza kaç grid kullanacağını belirleyeceksiniz. 4 ayrı block alanına kleme yaparsanız otomatik olarak o tüm alanı kullanacaktır. Oysa mesela 16 grid kullanıyorsanız aynı block alanına 1 gridlik 16 block yerleştirmeniz mümkündür.

    Yapacağınız şey özetle bahsettiğim eklentiyi kurmak ve aynı block alanına 4er gridlik 4 block yerleştirmektir.

    Selamlar...

  5. #5
    Katılımcı Üye
    Üyelik tarihi
    08-01-2012
    Yaş
    35
    İletiler
    56

    Standart Cevap: Yan yana blok alanları oluşturmak + Blok alanındaki içeriği yatay sıralamak?

    Evet hocam bende sonradan o eklentiyi farkettim ve kullanamaya başladım.
    Teşekkür ederim

 

 

Konu Bilgisi

Users Browsing this Thread

Şu anda bu konuyu 1 kişi (0 üye ve 1 misafir) okuyor. Konuyu okuyan üyeler:

     

Yer imleri

Yetkileriniz

  • Yeni konu açma izni :Pasif
  • Konu cevaplama izni :Pasif
  • Eklenti ekleme izni :Pasif
  • Mesaj düzenleme izni : Pasif
  •  
joomla tema