WordPress Türkiye Forumları » Çöp

1. 

   ali
   rtfm!

   img class="sol"
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut turpis. Aliquam sed felis. Suspendisse ante quam, mattis vel, pharetra non, cursus at, nibh. Nulla facilisi. Aliquam blandit metus a nibh elementum euismod. Nunc elit. Praesent ac nibh. Mauris iaculis sem et libero. Integer sodales lorem vitae turpis. Donec velit. Curabitur porttitor, lectus eget rhoncus aliquet, purus nibh iaculis dui, ac elementum sapien mauris sit amet massa. In tempus felis eu magna porta adipiscing. Donec suscipit tellus quis neque pellentesque condimentum. Duis tortor sapien, pulvinar vel, iaculis sit amet, venenatis vitae, orci. Donec est enim, egestas at, consequat sit amet, placerat id, ligula.

   img class="orta"
   

   img class="sag"
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut turpis. Aliquam sed felis. Suspendisse ante quam, mattis vel, pharetra non, cursus at, nibh. Nulla facilisi. Aliquam blandit metus a nibh elementum euismod. Nunc elit. Praesent ac nibh. Mauris iaculis sem et libero. Integer sodales lorem vitae turpis. Donec velit. Curabitur porttitor, lectus eget rhoncus aliquet, purus nibh iaculis dui, ac elementum sapien mauris sit amet massa. In tempus felis eu magna porta adipiscing. Donec suscipit tellus quis neque pellentesque condimentum. Duis tortor sapien, pulvinar vel, iaculis sit amet, venenatis vitae, orci. Donec est enim, egestas at, consequat sit amet, placerat id, ligula.

   Tarih: 1 yıl #
2. 

   ali
   rtfm!

   img class="sol"
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut turpis. Aliquam sed felis. Suspendisse ante quam, mattis vel, pharetra non, cursus at, nibh. Nulla facilisi. Aliquam blandit metus a nibh elementum euismod. Nunc elit. Praesent ac nibh. Mauris iaculis sem et libero. Integer sodales lorem vitae turpis. Donec velit. Curabitur porttitor, lectus eget rhoncus aliquet, purus nibh iaculis dui, ac elementum sapien mauris sit amet massa. In tempus felis eu magna porta adipiscing. Donec suscipit tellus quis neque pellentesque condimentum. Duis tortor sapien, pulvinar vel, iaculis sit amet, venenatis vitae, orci. Donec est enim, egestas at, consequat sit amet, placerat id, ligula.

   img class="orta"
   

   img class="sag"
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut turpis. Aliquam sed felis. Suspendisse ante quam, mattis vel, pharetra non, cursus at, nibh. Nulla facilisi. Aliquam blandit metus a nibh elementum euismod. Nunc elit. Praesent ac nibh. Mauris iaculis sem et libero. Integer sodales lorem vitae turpis. Donec velit. Curabitur porttitor, lectus eget rhoncus aliquet, purus nibh iaculis dui, ac elementum sapien mauris sit amet massa. In tempus felis eu magna porta adipiscing. Donec suscipit tellus quis neque pellentesque condimentum. Duis tortor sapien, pulvinar vel, iaculis sit amet, venenatis vitae, orci. Donec est enim, egestas at, consequat sit amet, placerat id, ligula.

   Tarih: 1 yıl #
3. Hasan
   /wp-admin

   Resimler için örnek kodlar:

   Solda görünmesi için:

   <img src="http://i118.photobucket.com/albums/o82/lacertas/wplogo.png" alt="Sola yaslanmış grafik dosyası" class="sol" />

   Ortalanmış olması için:

   <img src="http://i118.photobucket.com/albums/o82/lacertas/wplogo.png" alt="Ortalanmış grafik dosyası" class="orta" />

   Sağda görünmesi için:

   <img src="http://i118.photobucket.com/albums/o82/lacertas/wplogo.png" alt="Sağa yaslanmış grafik dosyası" class="sag" />

   Tarih: 1 yıl #
4. zoom
   Üye

   orta ve sağ olmuyor hep solda çıkıyor

   Tarih: 1 yıl #
5. Hasan
   /wp-admin

   Kodları üstteki gibi yaparsanız çalışır, sağda görünmesi için class="sag" ortada görünmesi için class="orta" yapmanız gerekiyor.

   kodları kopyala yapıştır yapıyorum:

   

   

   Tarih: 1 yıl #
6. zoom
   Üye

   bende kopyala yapıştır yapıyorum olmuyor ama

   Tarih: 1 yıl #
7. Hasan
   /wp-admin

   Sanırım kendi forumunuzda deniyorsunuz, burada bu forum için biçimlendirme denemeleri yapıyoruz.

   Kendi forumunuz için temanızın stil dosyasında düzenlemeler yapmanız gerekiyor, resim özelliği için benim bildiğim.

   Tarih: 1 yıl #
8. 

   ali
   rtfm!

   Hasan haklı, burada bahsettiğimiz "sol", "sag" ve "orta" biçimlendirme bilgilerini forumun tema CSS'sine biz ekledik. Detayları şöyle;

   .sol {
float: left;
margin: 5px 5px 5px auto;
padding: 0;
border: 4px solid #aaa;
clear: both;
}
.sol:hover {
border: 4px solid #ccc;
}
.sag {
float: right;
margin: 5px auto 5px 5px;
padding: 0;
border: 4px solid #aaa;
clear: both;
}
.sag:hover {
border: 4px solid #ccc;
}
.orta {
float: none;
text-align: center;
display: block;
margin: 5px auto 5px auto;
padding: 0;
border: 4px solid #aaa;
clear: both;
}
.orta:hover {
border: 4px solid #ccc;
}

   Ayrıca eklenti kodunu da "class" etiketini kabul etmesi için modifiye ettik (ön tanımlı olarak bu etiketin img birimine eklenmesini kabul etmiyordu). Eğer ihtiyaç duyarsanız eklentinin değişiklik yapılmış halini size verebiliriz ;)

   Tarih: 1 yıl #
9. zoom
   Üye

   orta sağ felan önemli değilde resim eklemek için kullanılan kodu nasıl sadeleştirebiliriz?

   mesela [img]resim[/img] gibi nasıl yapabilirim ?

   Tarih: 1 yıl #
10. 

    ali
    rtfm!

    Hasan açıklamış bunu zaten :)

    Tarih: 1 yıl #
11. 

    kadiras
    Üye

    bende bi deneme yapiyim:)
    

    Tarih: 1 yıl #
12. 

    ali
    rtfm!

    

    Tarih: 1 yıl #
13. yuksel
    Üye

    ben anlamadım

    Tarih: 1 yıl #
14. yuksel
    Üye

    ben anlamadım

    Tarih: 1 yıl #

Bu konu için RSS beslemesi

Cevapla

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