ازرار في رئس الصفحة

.img{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 1;
margin-top:-28px ;
 -webkit-transform: rotate(+180deg);

 border:0 solid #CC00CC;

 width:50px;
 }
.img:hover{
-webkit-transform:scale(0.0);
-moz-transform:scale(0.0);
-o-transform:scale(0.0);
box-shadow:0px 0px 1px black;
-webkit-box-shadow:0px 0px 00px black;
-moz-box-shadow:0px 0px 80px black;
opacity: 0.9;
-webkit-transform: rotate(-0deg);
}


.classname {
 -moz-box-shadow:inset 0px 10px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 10px 0px 0px #ffffff;
 box-shadow:inset 0px 10px 0px 0px #ffffff;
   -webkit-border-top-left1-radius:10px;
 -moz-border-radius-topleft:10px;
 border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
 -moz-border-radius-topright:10px;
 border-top-right-radius:10px;
 -webkit-border-bottom-right-radius:10px;
 -moz-border-radius-bottomright:10px;
 border-bottom-right-radius:10px;
 -webkit-border-bottom-left-radius:10px;
 -moz-border-radius-bottomleft:10px;
 border-bottom-left-radius:10px;
 text-indent:0;
 border:1px solid #dcdcdc;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 font-style:normal;

 line-height:50px;
 width:150px;
    height:50px;
 text-decoration:none;
 text-align:center;
 text-shadow:1px 1px 0px #ffffff;
}

<div style=" float: right; margin-right: 100px">
<div  class="img">
<div  class="classname" >
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRE6gLIg27aef2kUhjCN0SCoXUcKHbXT2RAvlP0jjJ54Pb9mNSCBd5u3g" width="80" height="30" alt="" />
<div class="classname">
<a href="http://zaharatb.yoo7.com/forum" target="_blank">
<p style="background: #6600CC"> منتدى </p>
</a>
</div>
<br />
<div class="classname">
<a href="http://zaharatb.yoo7.com/" target="_blank">
<p style="background:#CC0099">البوابة </p>
</a>
</div>
<br />
<div class="classname">
<a href="http://zaharatb.yoo7.com/register" target="_blank">
<p style="background:#CC0099">تسجيل</p>
</a>
</div>
</div>
</div>
</div>
<div style=" float: right; margin-right: 205px">
<div  class="img">
<div  class="classname" >
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRE6gLIg27aef2kUhjCN0SCoXUcKHbXT2RAvlP0jjJ54Pb9mNSCBd5u3g" width="80" height="30" alt="" />
<div class="classname">
<a href="http://zaharatb.yoo7.com/forum" target="_blank">
<p style="background: #6600CC"> منتدى </p>
</a>
</div>
<br />
<div class="classname">
<a href="http://zaharatb.yoo7.com/" target="_blank">
<p style="background:#CC0099">البوابة </p>
</a>
</div>
<br />
<div class="classname">
<a href="http://zaharatb.yoo7.com/register" target="_blank">
<p style="background:#CC0099">تسجيل</p>
</a>
</div>
</div>
</div>
</div>