تاریخ انتشار : ۵ شهریور ۱۳۹۹
برای دیدن کد به ادامه مطلب برید.
اول کد زیر را در "ویرایش ساختار قالب فعلی" بعد از <body> قرار بدید.
<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> یه لحظه <p> لبخند بزن :) </p> </div>
سپس کد زیر را در "ویرایش css قالب فعلی" قرار بدین.
(فرقی نداره، ولی بهتره آخر کد ها قرار بدین)
#massage-box{
text-align:center !important;
position:fixed !important;
right:25px; padding-top:10px;
top:160px;
padding-bottom:1px;
height:40px;
width:60px;
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:65px;
width:65px;
-moz-border-radius: 2px 2px 2px 2px;
}
به همین راحتی :)