Üzerine gelince arkasında renk beliren reklam alanı

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 renkle...

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 ; 

Uzatmadan Gelelim kodlara ;
<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..