616 بار - jd-news.zip
441 بار - jdesign_slider_2.zip
410 بار - jdesign_slider_1.zip
400 بار - jd-3-www.jdesig.ir.zip
305 بار - jdesign_gallery_imagezoom.zip
277 بار - avant-farsi.zip
266 بار - jdesign-jquery-help-box.zip
245 بار - jdesign_zoom_2.zip
234 بار - jdesign-mini-menu.zip

آموزش نصب:
1- در main.tpl قالب سایتتان به دنبال کد زیر بگردید.
</head>
2- قبل از کد بالا کد زیر را قرار دهید:
<style type="text/css">
.btn {
display: inline-block;
padding:5px 10px 6px 10px;
font-weight:bold;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
border:1px solid rgba(0,0,0,0.4);
-moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btn:hover {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
cursor:pointer;
}
/* تغییر رنگ دکمه ها */
.blue {background-color: #CCCCCC; color: #141414;}
.blue:hover {background-color: #00c0ff; color: #ffffff;}
.green {background-color: #CCCCCC; color: #141414;}
.green:hover{background-color: #8aff00; color: #ffffff;}
.red {background-color: #CCCCCC; color: #141414;}
.red:hover {background-color: #ff004e; color: #ffffff;}
</style>
3- برای اجرای ماژول شما باید کد زیر را در هر جای قالبتان که می خواهید نمایش داده شود درج نمایید:
<div class="btn green">دکمه سبز</div>
<div class="btn blue">دکمه آبی</div>
<div class="btn red">دکمه قرمز</div>
برای تغییر استایل دکمه های موجود در قالبتان مثل دکمه ارسال نظر کافی است در کد دکمه مربوطه به جای
class="fbutton"
کد زیر را
class="btn red"
که در این جا برای دکمه با استایل قرمز می باشد را درج نمایید.
دموی ماژول : به ارسال نظر این قالب توجه کنید.