علیرضا

وبلاگ شخصی

کد "منو بخون"

HTML:

 

<div id="massage-box">
    <img src="http://cafe-webniaz.ir/pics/pi/piwebniaz%20%286%29.gif" style="margin-left: px; margin-top: px; width:px;"><br>
    منو بخون<br>
    لبخند بزن :)
</div>

CSS:

 

#massage-box{
    text-align:center !important;
    position:fixed !important;
    right:25px; padding-top:15px;
    top:150px;
    padding-bottom:1px;
    height:55px;
    width:65px;
    overflow:hidden;
    background: #f3f5f6;
    border:2px solid #c2c1c1;
    -moz-border-radius: 1px 1px 1px 1px;
    border-radius:15px 15px 15px 15px;
    -webkit-transition: opacity 0.7s linear;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    z-index:999;
    font-size:12px;
}

#massage-box:hover{
    border:2px solid #60b9f6;
    padding:5px;
    height:100px;
    width:150px;
    -moz-border-radius: 2px 2px 2px 2px;
}