Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 2
  • 1
  • 2
  • 3
  • 4
  • 5
Css Dersi [Css ile Her Hangi Bir Şeyi Yönlendirme]
#1
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:
<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:
#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:
{left;
margin-top: 160px;
margin-left: 124px;
width: 125px;}

Ve
Kod:
</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:
<div id="cssyardimiileyonlendir">
Daha sonra bu kodu yapıştırıyoruz.
Kod:
<img src="http://destek.10tl.net/users/destek/avatars/avatar_4525.png?dateline=1359833740">
Sizde her hangi bir resim ekleyebilirsiniz.
Ve
Kod:
</div>
kodunu ekleyerek kapatıyoruz.

Kod şu hale geliyor.

Kod:
<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:
#cssyardimiileyonlendir
ve
Kod:
<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.

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#3
(10-02-2013 Saat: 18:38)Metalica Nickli Kullanıcıdan Alıntı: Teşekkürler
Rica Ederim.

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:
#4
Teşekkürler..
Ara
Cevapla PGM
Teşekkür verenler:
#5
Konunu Kendi Sitemde Paylaştım Altınada Alıntı Diye Yazdım.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Önemli değil arkadaşlar.
mark zekenburg site adresi alabilir miyim ?

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:
#7
sadece css yok htmlde war :) eline sağlık :)
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2024 => 10TL'de 14 Sene ]

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
Cevapla PGM
Teşekkür verenler:
#8
(10-02-2013 Saat: 19:46)kaRanLık-61 Nickli Kullanıcıdan Alıntı: sadece css yok htmlde war :) eline sağlık :)
Teşekkürler adminim :)

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:
#9
güncel yorumlarınızı bekliyorum.

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:
#10
Bu Sayfasız CSS kodlama değilmi?

Text-CSS kısmı ona giriyor çünki :D
Ara
Cevapla PGM
Teşekkür verenler:
#11
(11-02-2013 Saat: 18:12)rayray93 Nickli Kullanıcıdan Alıntı: Bu Sayfasız CSS kodlama değilmi?

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

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

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping