Resmin Sağına/Soluna Yazı Yazmak (CSS)

[zihnefendet]

Bir çok kişi resmin yanına yazı yazamaz. Bende öyleydim. Tablo kullanıyordum. Fakat onda da resmin altına doğru inmiyordu yazı. Neyse bu konuda bütün ayrıcalıkları ile resmin yanına yazı yazmayı anlatacağım. Hemde CSS olarak.

İlk olarak TR.GG sitelerine göre anlatayım. Tasarımınız Iceblue, Butterfly vb. ise;




Tasarım ayarlarına gidin.



Tasarımın üstündeki yazı kısmına aşağıdaki kodu yapıştırın.

<style type="text/css">
<!--
img.sol {
float:left;
margin:0 15px 10px 0;
}

img.sag {
float:right;
margin:0 15px 10px 0;
}


//-->

</style>



Sayfalaımı Değiştir kısmına gidin.



<img src="RESMİN URLSİ" title="RESMİN ÜZERİNE GİDİNCE YAZAN YAZI" class="RESMİN KONUMU">

[class="sol"] yazarsanız resim sola olur.
[class="sag"] yazarsanız resim sağda olur.

Tabi CSS kodunu yapıştırmazsanız hiç bir şey olmaz...

Sitedeki görünümü.



İşte bukadar. FAKAT BU ANLATIM Iceblue, Buttetfly, Red... içindi. CSS tasarım kullananlar zaten anlarlar.
Anlamayanlar içinse kısaca açıklayayım.


img.sol {
float:left;
margin:0 15px 10px 0;
}

img.sag {
float:right;
margin:0 15px 10px 0;
}



Sadece bu kodu alıp "CSS Kodu" kısmından herhangi bir yere yapıştırın.
sonrada resmin koduna class="sol/sag" eklesin o kadar. Benim sitemden
örnek;





Bu konu "[Linkleri görebilmek için üye olun veya giriş yapın.]" den alıntıdır.