Merhaba arkadaşlar bugün size çok güzel bir reklam alanı kodlarını paylaşacağım.
Benim oldukça hoşuma giden üzerine gelince arkasında renkler beliren reklem alanıdır.
Resim ;
<div class='widget-content'>
<center>
<style>
.squarebanner ul{list-style-type:none;margin: 0px auto;padding: 10px 0px 0px 0px;width:300px;overflow:hidden;}.squarebanner ul li{list-style-type:none;margin: 0px 1px 0px 3px;float:left;display:inline;background:orange;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;}.squarebanner ul li:hover {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-o-border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%;}.squarebanner ul li:active {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.squarebanner ul li a img{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px;}
</style>
<div class="squarebanner ">
<ul>
<li style="background: blue !important;">
<a href="http://yunusdeneme.blogspot.com/">
<img height="120" src="http://db.tt/hx2t6mLA" width="120" /></a></li>
<li style="background: dark orange !important;">
<a href="http://yunusdeneme.blogspot.com/">
<img height="120" src="http://db.tt/hx2t6mLA" width="120" /></a></li>
<li style="background: gray !important;">
<a href="http://yunusdeneme.blogspot.com/">
<img height="120" src="http://db.tt/hx2t6mLA" width="120" /></a></li>
<li style="background: red !important;">
<a href="http://yunusdeneme.blogspot.com/">
<img height="120" src="http://db.tt/hx2t6mLA" width="120" /></a></li>
</ul>
</div></center>
</div>Kodun içerisindeki linkleri kendinize göre düzenleyiniz.Lütfen alıntı yaparken kaynak belirtmeyi unutmayınız..
Hiç yorum yok :
Yorum Gönder