Kategorileri Aç / Kapat

CSS Kullanarak HR Etiketinin Biçimini Değiştirmek (Tüm Tarayıcılar ile Uyumlu)

Hadi şimdi BEĞEN butonuna tıklayarak Facebook sayfamıza katıl. Hoş geldin :)


CSS Kullanarak HR Etiketinin Biçimini Değiştirmek (Tüm Tarayıcılar ile Uyumlu)
Gerek geliştirdiğim temalarda, gerek Blogger için hazırladığım eklentilerde küçük ipuçlarını da sizlerle paylaşmadan edemiyorum. Çünkü sizlerin yorulmasına gerek yok, ben o problemi giderdi isem... Gelelim, konumuza. Bildiğiniz gibi HTML'de "hr" etiketi düz bir çizgi çeker ekrana. Bu standart bir görünüme sahip olup, tüm tarayıcılarda da aynıdır. Ben de soruyorum, neden farklı bir görünüme sahip olmasın hr etiketi? İşte bunun için, biz background kullanacağız ve tüm tarayıcılar ile uyumlu bir şekilde hr etiketini biçimlendireceğiz. Aşağıdaki kodu, temanızın CSS bölümüne eklemeniz yeterli olacaktır. Dilerseniz height değerini değiştirerek, çizginin kalınlığını veya diğer kodlar vasıtası ile renk konusunda da güncellemeler yapabilirsiniz.

AYRICA: Sadece JavaScript Kullanarak Yukarı Çık Butonu Yapımı

hr {height: 5px;border: none;background: #ddd;margin-top: 15px}

Örnek Görünüm

CSS Kullanarak HR Etiketinin Biçimini Değiştirmek (Tüm Tarayıcılar ile Uyumlu)

Beğendin mi? Beğen veya Paylaş butonlarına tıklayabilirsin. Teşekkürler :)

Hiç yorum yok: