Css Dersi [Css ile Her Hangi Bir Şeyi Yönlendirme]

[OnLiNe]

Merhaba arkadaşlar şimdi size css ile her hangi bir şeyi(Resim vs.) yönlendirmeyi öğreteceğim.
Bu kod yardımı ile çok kolay ve çok kullanışlı bir index tasarlayabiliriz.
Önce bir not defteri açalım.

Kodlamaya Başlıyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<style type="text/css">

Evet kodun en önemli yerini yazmış durumdayız.

Şimdi ise
bu kodu yazıyoruz bu kod yönlendirmek için yazılmıştır.

Kod: Tümünü Seç Tümünü Kopyala

#cssyardimiileyonlendir

Sonra şu kodu yerleştirin.
Bu yönlendireceğiniz şeyin örnek olarak bir resim mesela,o resmin sağa sola yukarı aşağı yön vermenizi sağlar.

Kod: Tümünü Seç Tümünü Kopyala

{left;
margin-top: 160px;
margin-left: 124px;
width: 125px;}

Ve

Kod: Tümünü Seç Tümünü Kopyala

</style>

bu kod ile stili kapatıyoruz.

Şimdi geldi yönlendirme bölümüne.
Bu kodu yazıyoruz div id kodu yönlendirmeyi sağlar.

Kod: Tümünü Seç Tümünü Kopyala

<div id="cssyardimiileyonlendir">

Daha sonra bu kodu yapıştırıyoruz.

Kod: Tümünü Seç Tümünü Kopyala

<img src="http://destek.10tl.net/users/destek/avatars/avatar_4525.png?dateline=1359833740">

Sizde her hangi bir resim ekleyebilirsiniz.
Ve

Kod: Tümünü Seç Tümünü Kopyala

</div>

kodunu ekleyerek kapatıyoruz.

Kod şu hale geliyor.

Kod: Tümünü Seç Tümünü Kopyala

<style type="text/css">
#cssyardimiileyonlendir
{left;
margin-top: 160px;
margin-left: 124px;
width: 125px;}
</style>
<div id="cssyardimiileyonlendir"><img src="http://destek.10tl.net/users/destek/avatars/avatar_4525.png?dateline=1359833740"></div>

Buradaki mantık ise resime,css bölümünde yazdığımız

Kod: Tümünü Seç Tümünü Kopyala

#cssyardimiileyonlendir

ve

Kod: Tümünü Seç Tümünü Kopyala

<div id="cssyardimiileyonlendir">

bu kodları kullanarak resmin yönünü;aşağı,yukarı,sağ,sol yöne yönlendirmektir.

Dersteki anlatım herşey tamamen bana aittir.
Umarım bir şeyler öğrenebilmiş sinizdir.

[Metalica]

Teşekkürler

[OnLiNe]

Teşekkürler

Rica Ederim.

[Marques]

Teşekkürler..

[Mark Zekenburg]

Konunu Kendi Sitemde Paylaştım Altınada Alıntı Diye Yazdım.

[OnLiNe]

Önemli değil arkadaşlar.
mark zekenburg site adresi alabilir miyim ?

[kaRanLık-61]

sadece css yok htmlde war :) eline sağlık :)

[OnLiNe]

sadece css yok htmlde war :) eline sağlık :)

Teşekkürler adminim :)

[OnLiNe]

güncel yorumlarınızı bekliyorum.

[rayray93]

Bu Sayfasız CSS kodlama değilmi?

Text-CSS kısmı ona giriyor çünki :D

[OnLiNe]

Bu Sayfasız CSS kodlama değilmi?

Text-CSS kısmı ona giriyor çünki :D

Hatırladığım kadarıyla öyleydi.