• 28-05-2013, 23:07:21
    #1
    Merhaba Arkadaşlar,

    Aşağıdaki şekilde oluşan 4 lü sütun var. 3'e kadar li class="left" 4.de li class="right" şeklinde devam eden bir döngü olarak.
    bunu foreach ile döngüye alabilirmiyiz bir türlü sonuç alamadım hep 3 lü cıkıyor.

    <ul class="dort_list">
    	<li class="first">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
    
     	<li class="first">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
    <li class="first">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
    <li class="last">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
            <li class="first">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
       <li class="first">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
       <li class="first">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
    <li class="last">
    	  <div class="list_left">
              <a href="#"><img src="" />
                </a>
    
      <div class="v_b_c">
        <div id="adplyt" class="left">
        </div>
      </div>
       </div>
    <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="dort_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
  • 28-05-2013, 23:49:59
    #2
    Üyeliği durduruldu
    $int = 1;
    foreach ($collection as $item)
    {
    if ($int > 3)
    {
    $class = "left";
    }
    else
    {
    $class = "right";
    }
    echo "<div class=\"$class\">örnek</div>";
    $int++;
    }
  • 29-05-2013, 00:08:28
    #3
    madly0011 adlı üyeden alıntı: mesajı görüntüle
    $int = 1;
    foreach ($collection as $item)
    {
    if ($int > 3)
    {
    $class = "left";
    }
    else
    {
    $class = "right";
    }
    echo "<div class=\"$class\">örnek</div>";
    $int++;
    }
    alt satırdan sonrasını hep left olarak görüyor.

    <?php
    						   $i=1;
    						foreach($sql as $cek=>$row){
    						if ($i > 3)
    						{
    						$class = "last";
    						}
    						else
    						{
    						$class = "first";
    						}
    		
    	  ?>     
                            <li class="<?php echo $class; ?>" style="margin-bottom: 16px !important;">
                <div class="list_left">
                <a href="" title="2.07'lik manken">
                    <img src="<?=$row["thumb"]; ?>" alt="2.07'lik manken" width="140" height="79">
                </a>
                <div class="video_bottom_container">
                    <div id="addToPlaylist_13823" class="left">
                                        </div>
                    
                </div>
                            </div>
                <div class="list_right">
                <div class="fisrt_list_title">
                    <b>
                        <h2 class="four_list"><a href="" title="2.07'lik manken">2.07'lik manken</a></h2>
                    </b>
                </div>
                <div class="list_description">Dünyanın en uzun mankeni Amazon Eve.</div>
                <div class="ch_name">
                    
                    <span>444 views <br> </span>
                </div>
                </div>
            </li>
                            <?php $i++;} ?>
  • 29-05-2013, 00:15:53
    #4
    Böyle şeyleri PHP ile yapmayın. css'nin engin yeteneklerinden faydalanın.

    Bkz: css nth-child seçicisi
  • 29-05-2013, 02:12:25
    #5
    Üyeliği durduruldu
    yazdığım kod ilk üçe left ondan sonrakilere right clasını atar... sizin istediğiniz nedir tam olarak
  • 29-05-2013, 11:32:21
    #6
    madly0011 adlı üyeden alıntı: mesajı görüntüle
    yazdığım kod ilk üçe left ondan sonrakilere right clasını atar... sizin istediğiniz nedir tam olarak
    evet benim istediğimde tam olarak öyle fakat ilk 4e dediğinizi uyguluyor fakat limit 16 olarak ayarladım ilk 4de dediğinizi uyguluyor fakat alt satırdaki hep left atıyor. son kodu konuya yazdım.
  • 29-05-2013, 12:30:59
    #7
    $i = 0;
    
    foreach ($array as $item)
    {
       if ($i % 4 < 3) // ilk 3
          echo '';
       else // sıradaki sonuncu
          echo '';
    }
    PHP'yle çözüm bu ancak ben de bayGarez'in dediği gibi CSS'le yapmanızı öneririm. IE6 zorunluluğunuz yoksa tabi.
  • 29-05-2013, 12:36:02
    #8
    Hkan adlı üyeden alıntı: mesajı görüntüle
    $i = 0;
    
    foreach ($array as $item)
    {
       if ($i % 4 < 3) // ilk 3
          echo '';
       else // sıradaki sonuncu
          echo '';
    }
    PHP'yle çözüm bu ancak ben de bayGarez'in dediği gibi CSS'le yapmanızı öneririm. IE6 zorunluluğunuz yoksa tabi.
    çözüldü. ie laneti sorun cıkaracagından css'e yönelemedim ilgi ve alakanız için teşekkür ederim arkadaşlar.
  • 29-05-2013, 13:34:16
    #9
    jquery'nin even (tek rakamlar) ve odd (çift rakamlar) seçicileriyle de yapabilirsiniz. gerçi bazı browserlar internet hızına göre bu işlemi en sona bırakıyorlar yapmak için. ama küçük bir bilgi.