CSS İle Reklam Alanı Oluşturalım

Bir sitede forumda rast geldiğim konudan dolayı araştırma yaptım ve bu yazıyı yazma gereği duydum. Hiç bir resim kullanmadan sadece CSS kodları ile 125x125 reklam alanı oluşturacağız.

CSS Kodları

.reklam-125{font-family:Arial,Verdana,sans-serif;font-size:13px;font-weight:bold;display:block;height:125px;line-height:125px;width:125px;border: 1px solid #DDDDDD;text-align:center;background:#e9e9e9}
.reklam-125:hover{border: 1px solid #ccc;color:black;background:#E0E0E0}

Nasıl Kullanabilirim ?

Yukarıda vermiş olduğumuz CSS kodlarını şablonunuz da uygun yere ekleyiniz.Daha sonra ise HTML/JavaScript Gadgetı'na aşağıdaki kodu ekleyerek ve gerekli düzenlemeleri yaparak kullanabilirsiniz.

Boyutları değiştirerek aynı şekilde 468x60 ve 300x250 gibi reklam alanları da oluşturabilirsiniz.

<a class="reklam-125" href="LINK" rel="nofollow" target="_blank">Reklam Alanı</a>

Önizleme için tıklayınız.