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  فلش  فوتوشاپ  قالب  قالب جی دیزاین  قالب دانلود  قالب دیتالایف  قالب دیتالایف انجین  قالب سه ستونه  ماژول  ماژول دیتالایف  ماژول رایگان دیتالایف  مجموعه  موضوع  کد  کد آماده  کد اسلایدر  کد جاوا  کد جاوا اسکریپت  کد جی کوئری  کد سی اس اس  گرافیک


تبلیغات

آموزش قرار دادن تب در وبلاگ ها

2 اسفند 1390| نویسنده: amir

امروز آموزش قرار دادن کد تب جی کوئری سی اس اسی که در مطالب قبلی ارسال شده بود را برای وبلاگ ها قرار داده ایم.

jdesign tab

آموزش استفاده برای وبلاگ ها:

1- فایل ضمیمه را در پوشه هاست خود آپلود کنید.

2- به قسمت ویرایش قالب بروید و کد زیر را پیدا کنید:

</head>

3- قبل از آن کد زیر را قرار دهید: (توجه داشته باشید به جای YOUR-SITE.com آدرس سایت خود را قرار دهید.)

<script type="text/javascript" src="YOUR-SITE.com/blog-tab/jquery.js"></script> <link href="YOUR-SITE.com/blog-tab/jd.css" type="text/css" rel="stylesheet" />

4-در پایین همین صفحه به دنبال کد زیر بگردید:

</body>

5- کد زیر را قبل از کد بالا قرار دهید:

<script type="text/javascript">   $(document).ready(function() {      $(".jD_content").hide();      $("ul.jDesign_tabs li:first").addClass("active").show();      $(".jD_content:first").show();      $("ul.jDesign_tabs li").click(function() {          $("ul.jDesign_tabs li").removeClass("active");          $(this).addClass("active");          $(".jD_content").hide();          var activeTab = $(this).find("a").attr("href");          $(activeTab).fadeIn();          return false;     });  });  </script>

6- کد زیر را در هر جایی قرار دهید تب به نمایش درخواهد آمد:

تب 1

اطلاعات بیشتر

متن دلخواه

تب 2

اطلاعات بیشتر

متن دلخواه

تب 3

اطلاعات بیشتر

متن دلخواه

تب 4

اطلاعات بیشتر

متن دلخواه

توجه: در کد بالا به طور پیش فرض چهار تب در نظر گرفته شده است که تعداد آن ها به راحتی قابل تغییر است.

دموی کد: کلیک کنید

برای مشاهده کامل این مطلب باید عضو سایت باشید. جی دیزاین شما را به عضویت در سایت دعوت می نماید.


نظرات: 15بازدیدها: 649
بازدید کننده عزیز, شما هنوز به عضویت سایت در نیامده اید.
پیشنهاد می کنم در سایت ثبت نام کنید و یا وارد سایت شوید.
alian
3/12/1390 - 00:47

alian

  

چرا اینجا اینقدر سوت و کوره...
مثل همیشه یه شروع خوب و بالافاصله یه سقوط بد...

میهمان
amir
3/12/1390 - 06:42

amir

  

alian,
بخاطره اون یاهو هست که پایین گذاشتم. همه pm میدن به اونجا gamer

مدیر کل
css3
3/12/1390 - 07:18

css3

  

yahoo اگه برای وبلاگ ها هم فعالیت کنید که عالی میشه give_ros

عضو سایت
saeed_ahmadi123
3/12/1390 - 10:23

saeed_ahmadi123

  

سلام
واقعا شرمنده ام
بازم کد درست کار نمیکنه
الان سربرگ تبها اومده و همه مطالب تبها زیر همه یعنی هر چهار تب ردیفی پشت سر هم میاد و توی یک تب نیست که کلیک کنید که در تب جدید باز شه

اگه بزرگواری کنید درستش کنید ممنون میشم

عضو سایت
amir
3/12/1390 - 10:28

amir

  

saeed_ahmadi123,
ctrl+F5 را دوبار بزن ببین درست میشه؟ با موزیلا یا کروم امتحان کنید.

مدیر کل
saeed_ahmadi123
3/12/1390 - 10:36

saeed_ahmadi123

  

الان مث قبلا شد یعنی الان سربرگ تبرو نشون نمیده
من موزیلا و اکسپلوره و اوپرا دارم با همشون همینجوریه

عضو سایت
amir
3/12/1390 - 10:44

amir

  

saeed_ahmadi123,
برادر آخه چرا دقت نمی کنی؟ dash تو آموزش هم با عنوان توجه نوشتم. سورس سایتت را دیدم. این کد ها رو همینجوری گذاشتی: shok
<script type="text/javascript" src="YOUR-SITE.com/blog-tab/jquery.js"></script>
<link href="YOUR-SITE.com/blog-tab/jd.css" type="text/css" rel="stylesheet" />

بابا به جای YOUR-site.com آدرس سایتت را بذار: good
<script type="text/javascript" src="http://azmayeshi15.blogfa.com/blog-tab/jquery.js"></script&
gt;
<link href="http://azmayeshi15.blogfa.com/blog-tab/jd.css" type="text/css" rel="stylesheet" />

مدیر کل
saeed_ahmadi123
3/12/1390 - 11:27

saeed_ahmadi123

  

وای ببخشید
من قبلا گذاشتم بعد پاکش کردم الان که گذاشتم یادمرفته تا اونو عوضش کنم
واستین دوباره نگاه کنم

گذاشتم
ولی بازم درست نده

الان تغییرش دادم

ولی بازم درست نشده

آپلود کردم الانسربرگ تب هااومده ولی هنوز همونجوری مطالب ردیفیه

عضو سایت
amir
3/12/1390 - 17:43

amir

  

saeed_ahmadi123,
برات ردیف کردم حالشو ببر

مدیر کل
saeed_ahmadi123
4/12/1390 - 09:44

saeed_ahmadi123

  

تشکر بابت زحمات دوست عزیزمان امیر (مدیر کل سایت)
سلام و درود خدمت برادر و دوست گرامی امیر آقای گل و شما اعضای محترم سایت جی دیزاین
خب دوستان همه شما با امیر (مدیر کل سایت ) آشنا هستید . مدیر شریف و بزرگوار که همیشه به داد ما و دوستان رسیدن یا بهتر بگم هر کمکی از دستشون بربیاد برای دوستان انجام میدن و من لازم میدونم در اینجا از محبت و الطاف دستمون امیرعزیز تشکر کنم.
من خودم چند وقتی بود که برای وبلاگم دنبال کد تب می گشتم که بزارمش تو وبلاگم که برا این کار به وبسایتهای زیادی پیام درخواست راهنمایی گذاشتم ولی هیچ کدومشون جواب مرو ندادند تا اینکه با سایت جی دیزاین آشنا شدم و درخواست راهنمایی برای گذاشتم تب رو از مدیرش خواستم که هنوز نیم ساعت از درخواستم نگذشته بود که پیام گذاشتند که برا امشب کد آماده شدهی تب را براتون میذارم تا استفاده کنید و اون شب کد رو کذاشتند و کد رو کپی کردم ولی چون نتونستم کد رو درست جایگزین کنم در نتیجه کد درست عمل نکرد و هر چی راهنمایی کردند ولی بازم نتونستم کد رو درست بزارم تا اینکه خودشون زحمت کشیدند و کد رو تو قالب وبلاگم گذاشتند و این کار رو بدون هیچ چشم داشتی برام انجام دادند و واقعا من ازشون ممنونم .
دیگه از اخلاقیات ایشون اینه که بسیاربسیار فرد مودب و و خوش برخورد یعنی اینکه اگه 2 ساعت لازم باشه وقت برا کارتون انجام بشه انجام میده واقعا ازاین نوع مدیران کم پیدا میشه که بیاد بدون هیچ چشم داشتی به اعضاش کع نمیشناسشون کمک کنه
دوست داشتم ازشون تشکر کنم که بدونن لااقل کسانی هستند که واسه کارها ی خوب و آدمهای خوب ارزش قائل بشن
به هر حال یه باردیگه از محبتهای این دوست عزیز صمیمانه تشکر میکنم و انشاا... بتونم این لطفی که در حقم کردند رو یه جوری جبران کنم
امیدوارم در تمام مراحل زندگی موفق و موید سرافراز باشند
ارادتمند شما سعید احمدی(مدیر وبلاگ رنگ خدا)
در پناه حق

عضو سایت

ارسال نظر

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