• 25-07-2010, 02:51:13
    #1


    resimdeki gibi temanın anasayfasındaki özet metinleri kutular halinde yapmak isterseniz eğer.

    temanın
    index.php dosyasını açtığınızda
    <?php if (have_posts()) : ?>
    şeklinde başlayan kısım özet metinlerin php ve css kodlarıdır..


     
    <?php if (have_posts()) : ?> // eğer son mesaj bulunuyorsa
       <?php while (have_posts()) : the_post(); ?> // son mesajlar tekrarlama başlangıcı 
     
     
     
    
    //KUTU BAŞLANGICI
    <?php the_title(); ?> //yazı başlığı
    <?php the_content('Read the rest of this entry &raquo;'); ?></p>//yazı içeriği
    <?php the_author() ?>//yazar adı
    <?php the_time('d/m/Y') ?>yazı tarihi
     
    //KUTU BİTİŞİ
    
       <?php endwhile; ?> // Son mesaj tekrarlama bitişi
    
     <?php else : ?> // Son mesajtekrarlama bitişi
    
      <p>Aradığınız şey bulunamadı.</p> // son mesaj yoksa bu yazı çıkar
     <?php endif; ?> // Eğer son mesaj varsa sonu

    Bu php kodlarının arasına css ve html kodları girecektir şimdi yapmamız gereken bizim bunları düzenlemek..

    şu kısım için özellikle birşeyler yapmamız gerekiyor...
     
    //KUTU BAŞLANGICI
    <?php the_title(); ?> //yazı başlığı
    <?php the_content('Read the rest of this entry &raquo;'); ?></p>//yazı içeriği
    <?php the_author() ?>//yazar adı
    <?php the_time('d/m/Y') ?>yazı tarihi
     
    //KUTU BİTİŞİ
    mesela aşağıdaki şekilde düzenleye biliriz


     
    //KUTU BAŞLANGICI
    <div style="position:relative; float:left; width:200px;height:300px;">
    <?php the_title(); ?> //yazı başlığı
    <?php the_content('Read the rest of this entry &raquo;'); ?></p>//yazı içeriği
    <?php the_author() ?>//yazar adı
    <?php the_time('d/m/Y') ?>yazı tarihi
    </div>
    //KUTU BİTİŞİ
    Burada özet metinlerin genişlik kodunu 200 verdiğimizde özetlerin genişliği 200 olup aşağı doğru devam edebilir buna karşılık bizde css kodlarına float:left; ekliyoruzki sol satırmış gibi satır bitene kadar aşağı inmesin.

    verdiğiniz özet genişliği ana sayfanın genişliğinden küçük olmalıdır.
    Daha sonrakafanıza göre css kodları yazabilirsiniz...
    Gece gece ilham geldi birinin işine yarar belki diye yazdım sorusu olan varsa lütfen sorsun..
  • 25-07-2010, 03:43:52
    #2
    Üyeliği durduruldu
    Yararlı bir döküman olmuş şimdi geç oldu yarın deniyeceğim teşekkürler.
  • 25-07-2010, 12:53:24
    #3
    Üyeliği durduruldu
    Teşekkürler Hocam Denemekte Fayda Var Sonuclarımı yazacağım ;]
  • 25-07-2010, 13:41:18
    #4
    benmki 2 şerit 3 şerite nasil cikartabilirim?
  • 25-07-2010, 15:03:19
    #5
    blu3dr3am adlı üyeden alıntı: mesajı görüntüle
    benmki 2 şerit 3 şerite nasil cikartabilirim?
    Sayfanın genşliği ile orantılı bi durum. Örneğin kutu genişliği 200 ise 600 genişliğindeki bir sayfaya 3 tane sığacaktır.. 2 şeriti 3 e çıkarmak için ya sayfa genişliğini arttırmanız gerekiyor yada kutuları küçültmeniz...

    Not olarakta ekliyeyim: kutu boyutları bazen birebir sığmayıp yine aşağı ata bilir...Bunun sebebi div lerin margin padding veya border değerlerinin olmasıdır(ki sıfırlamadığınız taktirde browser otomatik atar) bu ihtimale karşı genişliği birkaç pixel fazla tutmanız gerekecektir