WordPress Türkiye Forumları

WordPress Türkiye Forumları » Temalar

Başlık, resim ve yazılar yan yana

(14 mesaj(lar))
  • 6 ay önce ibrahim tarafından başlatıldı
  • ibrahim tarafından son cevap
  • Bu konu Destek sorusu değil

  1. ibrahim
    Üye

    Arkadaşlar, aşağıda göründüğü gibi oluşturmaya çalıştığım temada bir yazının başlığı, fotoğraf ve görsel yanyana çıkıyor. Nasıl alt alta alabilirim?

    yazı

    6 ay önce #

  2. h-yaman
    Üye

    yazı editöründen code sekmesine gelip resmin olduğu yere

    img etiketinin içine style="float:left;"

    ekleyiniz

    6 ay önce #

  3. ibrahim
    Üye

    Sayın H Yaman,
    Dediğinizi yaptım fakat herhangi bir değişim olmadı. Aynı şekilde sytl.css dosyasından da hem metnin hem başlığın hem de img'ların düzenini float: left şeklinde ayarladım fakat olmadı.
    Ne önerirsiniz?

    6 ay önce #

  4. h-yaman
    Üye

    bir de clear:both; olarak yapar mısınız?

    6 ay önce #

  5. heytbecom
    Editör

    nasıl bir şey istiyorsunuz.

    resim hemen altında yazı mı

    yazılar resmi çevrelesin mi?

    6 ay önce #

  6. ibrahim
    Üye

    heytbecom, benim yazılarım normal yazı düzeninde çıkmıyor. yani önce başlık, altında fotoğraf, onun da altında yazı olması gerekirken yazdığım yazılar dirket olrak başlık, resim, yazı yanyana sıralanıyorlar.

    6 ay önce #

  7. heytbecom
    Editör

    kullandığın temanın adı ve adresii verirsen yardımcı olurum?

    6 ay önce #

  8. ibrahim
    Üye

    temayı kendim yaratıyorum. bu durumda ne yapılabilir?

    6 ay önce #

  9. h-yaman
    Üye

    ozaman sorun sadece resimde değil. Yazının bulunduğu katmanı float ile sola yaslayıp alt satırdan yani başlıktan sonraki satırdan başlatmak için clear kullanmamız gerekiyor. ilgili katmanlara söylediklerimi denerseniz sanırım sorun çözülecektir.

    6 ay önce #

  10. ibrahim
    Üye

    Yazıyı çağıran kodum ve css'deki karşılıkları şu şekilde. Bir hata mı yapıyorum acaba

    Kod:

    < div id="koalasol2">

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    ">
    <h1 class="post-title"><?php the_title(); ?></h1>
    <br>
    <p>

    <?php the_content('Devamını Oku'); ?>
    <p class="post-meta-ind"></p>

    <?php endwhile; else: ?>
    <p>Sorry, no posts matched your criteria.</p>
    <?php endif; ?></p>

    Ve CSS Kodları

    #koalasol2 {
    background: #ffffff;
    width:550px;
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 10px 10px 10px 0px;
    border-bottom: 3px solid #606060;

    }

    #koalasol2 img {
    float: left;
    width: %100;
    clear:both
    }

    #koalasol2 p {
    float: left;
    margin: 0px 0px 0px 0px;
    font: 12px Arial;
    line-height: 17px;
    color: #606060;
    text-align: left;
    padding: 0px 0px 0px 0px;

    }

    #koalasol2 h1 {
    float: left;
    text-align: left;
    margin: 0px 0px 30px 0px;
    font-size: 3.1em;
    line-height: 25px;
    font-weight: bold;
    color: #FF3000;
    }

    6 ay önce #

  11. heytbecom
    Editör

    o zaman yardımcı olamayacapğım çünkü tema olmadan ben nasıl sizin istediğiniz şekilde düzenleyebilirim.
    ayrıca yukarıda yazdığınız kodlarda loop eksik ve yanlış düzenlenmiş...

    6 ay önce #

  12. ibrahim
    Üye

    yanlışlık kodda mı yoksa css'de mi ve doğrusu nasıl olmalı? loop nasıl eklenir

    6 ay önce #

  13. heytbecom
    Editör

    her ikisindede. doğrusunu codex.wordpress.org'dan bulabilirsin. oda olmadı aç default temayı incelemeni öneriyorum.

    6 ay önce #

  14. ibrahim
    Üye

    codex ingilizce olduğu için anlayabileceğimi sanmıyorum. kodlardan hatalı olanla ilgili örnekler vermeniz mümkün mü?

    6 ay önce #

Bu konu için RSS beslemesi

Cevapla

Mesaj göndermek için giriş yapmalısınız.