Code:

<style>
div.pre{
background:#f9f9f9;
border:1px solid #cacaca;
position:fixed;
width: 490px;
top: auto;
right: 0;
margin: 0 auto;
bottom: 0;
left: 0;"
z-index:1000;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
height:25px;
}


div.pre2{
background:#f9f9f9;
border:1px solid #cacaca;
width:40px;
position:fixed;
top: auto;
right: 0;
margin: 0 auto;
bottom: 0;
left: 0;"
z-index:1000;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
padding:5px;
display:none;
}

div.pre img{
margin-top:-37px;
margin-left:10px;
margin-right:10px;
opacity:0.6
}

div.pre img:hover{
opacity:1.0;
}</style><div class=pre id=close>
<a href=url u want><img src=http://www.iconspedia.com/uploads/1431422278597494969.png><a>
<a href=url u want><img src=http://www.iconspedia.com/uploads/2137888854.png><a>
<a href=url u want><img src=http://www.iconspedia.com/uploads/63251848243945445.png><a>
<a href=url u want><img src=http://www.iconspedia.com/uploads/2045964991576298844.png><a>
<a href=url u want><img src=http://www.iconspedia.com/uploads/3664046891135341964.png><a>
<a href = "javascript:void(0)" onclick ="document.getElementById('close').style.display='none';document.getElementById('open').style.display='block'"><img

src=http://www.iconspedia.com/uploads/19418748531634207784.png height=40 width=40></a>
<br>

</div><div class=pre2 id=open>
<a href = "javascript:void(0)" onclick ="document.getElementById('close').style.display='block';document.getElementById('open').style.display='none'"><img

src=http://www.iconspedia.com/uploads/1316536084.png height=40 with=40 align=right></a>
</div>



Behavior??? wrote:Can you give Me That code, you used?