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

به کدام یک از قالب های جی دیزاین رای می دهید؟
jD-1
jD-2
jD-3
jD-4
jD-5
jD-6
jD-7
jD-8
jD-9
jD-News
jD-music
jD-mobile
advertise
  • boysky68
    نظر دهنده: boysky68
  • amir
    نظر دهنده: amir
  • اریا
    نظر دهنده: اریا
  • amir
    نظر دهنده: amir
  • yeganeh64
    نظر دهنده: yeganeh64
  • Parsa_Nice
    نظر دهنده: Parsa_Nice
    در مطلب: جی بی موزیک
  • amir
    نظر دهنده: amir
    در مطلب: جی بی موزیک
  • Parsa_Nice
    نظر دهنده: Parsa_Nice
    در مطلب: جی بی موزیک
  • amir
    نظر دهنده: amir
  • ya-abasaleh
    نظر دهنده: ya-abasaleh
css  css3  jquery  آیکون  آیکون تقویم  آیکون جی دیزاین  آیکون فروشگاه  اسکریپت  تکنولوژی جی کوئری  جاوا اسکریپت  جی دیزاین  جی کوئری  دانلود  دانلود آیکون  دانلود آیکون سیاه  دانلود اسکریپت  دانلود قالب  دانلود قالب دیتالایف  دانلود ماژول  دانلود ماژول دیتالایف  دانلود کد  دانلود کد آماده  دانلود کد اسلایدر  دانلود کد بزرگ نمایی تصویر  دانلود کد جاوا اسکریپت  دانلود کد جی کوئری  دانلود کد رایگان  دانلود کد فول سی اس اس  دانلود کد منوی فول سی اس اس  دانلود کد پنجره کشویی  دیتالایف  دیتالایف انجین  دیزاین  رایگان  رایگان دیتالایف  سه ستونه  طراحی سایت  فتوشاپ  فرمت png  فلش  فوتوشاپ  قالب  قالب جی دیزاین  قالب دانلود  قالب دیتالایف  قالب دیتالایف انجین  قالب سه ستونه  ماژول  ماژول دیتالایف  ماژول رایگان دیتالایف  مجموعه  موضوع  کد  کد آماده  کد اسلایدر  کد جاوا  کد جاوا اسکریپت  کد جی کوئری  کد سی اس اس  گرافیک


تبلیغات

تغییر استایل دکمه دیتالایف

15 آذر 1390| نویسنده: amir

با نصب این ماژول هرجای قالب دیتالایفتون می تونید دکمه های زیبا با تکنولوژی سی اس اس ایجاد کنید. به طور پیش فرض از سه رنگ سبز ، آبی و قرمز استفاده شده ، شما می توانید از رنگ های مورد دلخواه خود در تغییر رنگ دکمه ها استفاده کنید. از مزیت های این ماژول توانایی تغییر استایل دکمه ای ارسال نظر ، ارسال مطلب ، ارسال نظر ، ورود و خروج و حتی دکمه ی ادامه مطلب و هر دکمه ای که در قالب دیتالایف انجینتان تعریف شده باشد ، می باشد.

تغییر استایل دکمه

آموزش نصب:

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"

که در این جا برای دکمه با استایل قرمز می باشد را درج نمایید.

دموی ماژول : به ارسال نظر این قالب توجه کنید.


نظرات: 2بازدیدها: 499
بازدید کننده عزیز, شما هنوز به عضویت سایت در نیامده اید.
پیشنهاد می کنم در سایت ثبت نام کنید و یا وارد سایت شوید.
Luis
9/12/1390 - 05:10

Luis

  

That's the best anwesr of all time! JMHO

میهمان
ghpnazqg
9/12/1390 - 15:01

ghpnazqg

  

gs6mZy , npgkcdsxsqmf, [link=http://ucrgnvleywmw.com/]ucrgnvleywmw[/link], http://mwtjfubmvecf.com/

میهمان

ارسال نظر

نام:*
ایمیل:
کد امنیتی: *