Bedava Template | Free Template

hr ozellikleri

Css ile ayraçlara yani " <hr /> " kodunda değişiklik yapmak mümkünmü ?

Cevap = Elbette mümkündür...Bunun için kullanmanız gereken ufak çaplı kodlar bulunmaktadır..

-Örneğin ayraçların border kalınlığı için aşağıdaki kodu sitemizin "TASARIM AYARLARI / GELİŞMİŞ / CSS KODU " bölümüne koymamız gerekir..

-<style> tagı olmadan verdiğim tüm kodları Css Kodu bölümüne koyunuz...

hr
{
border: 0;
}

-Şimdi gelelim ayraçların renklendirilmesi olayına...Aşağıda bulunan kodda color:#xxxxxx yazan yere ayraç için istediğiniz renk kodunu yazabilirsiniz.

-Ayraçda renk yerine resim kullanmak isterseniz eğer background-image:url(link.jpg); yazan yerdeki link yerine kendi ayracınıza ait resim adresini yazabilirsiniz....

-Kodun sonunda bulunan height değeri ayraçın uzunluğu..Onuda kendinize göre ayarlayabilirsiniz...ayrıca ayraç için enine uzunluk yapmak isterseniz koda widht: DEĞERpx; eklemeniz yeterlidir.

hr
{
color: #xxxxxx;

background-image:url(https://img.webme.com/pic/b/bedava-template/ayrac.png);

height: 3px;
}

Ve son olarak ayraçların tarayıcılar için ortak ayarını yapmak..

hr
{
text-align: right; /* ie icin */

margin-right: 0; /* diger brovserlar icin */
}