Merhaba arkadaşlar,
Bugün size balık tutmayacağım.Balık tutmayı öğreteceğim.Birazdan CSS kodları ile bir nesnenin konumunu belirlemeyi öğreneceğiz.
Öncelikle bir nesne seçelim.Örneğin bir resim.Ben şu resmi seçiyorum.
Şimdi CSS kodlarını yazalım.Kodumuzu Admin KP ► Şablon & Stil ► Temalar ► Temanızı Seçin ► global.css bölümüne ekliyoruz.
Öncelikle katmanın bir ismi olmalı ben bahri0031 yapıyorum.Sitemde karışıklık olmasın diye bunu kullnaıyorum.Siz kendi isminizi veya başka bir şey yapabilirsiniz.
İsmimizi belirlediysek kodlarımızı yazalım.Hemen alt satıra konum kodlarını yazıyoruz.
Evet birinci satırımızda left (sol) konumu belirledik.Yani sol köşeye olan uzaklığınız pixel olarak belrittik.Ben 0 pixel yazdım.Çünkü sola yapışık olmasını istiyorum.
İkinci satırda nesnenin yüksekliğini belirledik.Nesne en üste 0 pixel uzaklıkta olacak.Yani sol üst köşeye yapışık olacak.
Son satırda ise nesnenin pozisyonunu belirledim.Bunu isterseniz yamayın.Bunu yazarsanız siz aşağıya doğru gittikçe o da sizinle gelir.
Evet şimdi sıra geldi CSS ile konumunu belirlediğimiz resmi siteye eklemede.Onu da HTML deki <div> yani katman komutu ile yapacağız.
Kodumuzu yazalım
Bu kod ile <div></div> kodları arasındaki her kodun .bahri0031 katmanına göre şekilleneceğini belirtir.Bu kodların arasına resim kodumuzu koyacağız.
Resimden sonra istersek yazı da yazabiliriz.
DEMO [Sol Üste Bakın]
Başarılar.İyi Forumlar.
Bugün size balık tutmayacağım.Balık tutmayı öğreteceğim.Birazdan CSS kodları ile bir nesnenin konumunu belirlemeyi öğreneceğiz.
Öncelikle bir nesne seçelim.Örneğin bir resim.Ben şu resmi seçiyorum.
Şimdi CSS kodlarını yazalım.Kodumuzu Admin KP ► Şablon & Stil ► Temalar ► Temanızı Seçin ► global.css bölümüne ekliyoruz.
Öncelikle katmanın bir ismi olmalı ben bahri0031 yapıyorum.Sitemde karışıklık olmasın diye bunu kullnaıyorum.Siz kendi isminizi veya başka bir şey yapabilirsiniz.
PHP Kod:
.bahri0031 {
İsmimizi belirlediysek kodlarımızı yazalım.Hemen alt satıra konum kodlarını yazıyoruz.
PHP Kod:
left:0px;
top:0px;
position:fixed;
}
Evet birinci satırımızda left (sol) konumu belirledik.Yani sol köşeye olan uzaklığınız pixel olarak belrittik.Ben 0 pixel yazdım.Çünkü sola yapışık olmasını istiyorum.
İkinci satırda nesnenin yüksekliğini belirledik.Nesne en üste 0 pixel uzaklıkta olacak.Yani sol üst köşeye yapışık olacak.
Son satırda ise nesnenin pozisyonunu belirledim.Bunu isterseniz yamayın.Bunu yazarsanız siz aşağıya doğru gittikçe o da sizinle gelir.
Evet şimdi sıra geldi CSS ile konumunu belirlediğimiz resmi siteye eklemede.Onu da HTML deki <div> yani katman komutu ile yapacağız.
Kodumuzu yazalım
PHP Kod:
<div class="bahri0031"></div>
Bu kod ile <div></div> kodları arasındaki her kodun .bahri0031 katmanına göre şekilleneceğini belirtir.Bu kodların arasına resim kodumuzu koyacağız.
PHP Kod:
<div clas="bahri0031"><img src="http://hizliresim.faxoyun.tk/?di=7UFV" alt="L34DRi"></div>
Resimden sonra istersek yazı da yazabiliriz.
DEMO [Sol Üste Bakın]
Başarılar.İyi Forumlar.
EMEĞE SAYGI'yı UNUTMAYINIZ :)
GÖREVİNİ BIRAKTI
Önce AHLAK ve MANEVİYAT
Hakk’ın tesisi için çalışmamakla Batıl’ın hakimiyeti için çalışmak arasında fark yoktur.
TÜM KONULARIM
Hakk’ın tesisi için çalışmamakla Batıl’ın hakimiyeti için çalışmak arasında fark yoktur.
Prof. Dr. Necmettin ERBAKAN
TÜM KONULARIM
Başaɾının içeɾiğindeki en önemli, biɾicik malzeme, insanlaɾla nasıl geçineceğini iyi bilmektiɾ. / Theodore Roosevelt
