Sitene Muhteşem Hover Efektli Reklam Alanı Ekle

Kod Resmi

Kod Açıklaması

Kod İçerisinde http://www.radyoarabeskturk.com/wp-content/uploads/2014/01/indir.jpg Urlsini Kendi Reklam Alanı Urlniz İle Değiştiriniz.

Kod Önizleme

Demo

Sitene Ekliyecegin Kod

Css Kodu

.somutkod-hover { background-color: #dddddd; border: 1px solid #999999; border-radius: 50px; padding: 3px; margin-top: 5px; } .somutkod-hover:hover { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1); box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1); border-radius: 0px;

Html Kod

<div align="center"> <table border="0" cellpadding="2" cellspacing="6" width="265"> <tbody> <tr> <td><center> <a href="https://www.facebook.com/optimisttm"><img src="http://www.radyoarabeskturk.com/wp-content/uploads/2014/01/indir.jpg" class="somutkod-hover" width="125" height="125" alt="Kod Paylaşım Merkezi" /></a></center> </td> <td><center> <a href="https://www.facebook.com/optimisttm"><img src="http://www.radyoarabeskturk.com/wp-content/uploads/2014/01/indir.jpg" class="somutkod-hover" width="125" height="125" alt="Kod Paylaşım Merkezi" /></a></center> </td> </tr> <tr> <td><center> <a href="https://www.facebook.com/optimisttm"><img src="http://www.radyoarabeskturk.com/wp-content/uploads/2014/01/indir.jpg" class="somutkod-hover" width="125" height="125" alt="Kod Paylaşım Merkezi" /></a></center> </td> <td><center> <a href="https://www.facebook.com/optimisttm"><img src="http://www.radyoarabeskturk.com/wp-content/uploads/2014/01/indir.jpg" class="somutkod-hover" width="125" height="125" alt="Kod Paylaşım Merkezi" /></a></center> </td> </tr> </tbody></table> </div>

Uyumlu Tarayıcılar

Ivır Zıvır