اردیبهشت 1391 (15)

فروردین 1391 (2)

اسفند 1390 (23)

بهمن 1390 (11)

آذر 1390 (23)

مای دانلود

دیتالایف انجین فارسی

ابزارهای گرافیک

دانلود فیلم خارجی

خانه عکس ایران

گیگادانلود|دانلود رایگان

نارسا دانلود

پیسی نانو

نایت موزیک

دی ال ای تمپ

خوب دانلود

آمار مطالب

یک ساعت پیش: 0
امروز: 0
این ماه: 16
کل: 107
کل نظرات: 443

آمار کاربران

یک ساعت پیش: 0
امروز: 6
این ماه: 233
کل: 838
بن شدگان: 0
جدیدترین عضو: persheya

آمار بازدید

امروز: 1503
دیروز: 618 [0.00 %]
هفته: 5968
ماهانه: 36003
امسال: 60871
بازدید کل: 120174
بيشترين: 2682 در 06/02/1391

آمار لحظه ای سایت

افراد آنلاین: 1
مهمان: 1

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

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

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

تبلیغات

تب جی کوئری و سی اس اس

75
1
2
3
4
5

6 بهمن 1390| نویسنده: amir

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

image effect

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

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

تشکر ها : 2

نظرات: 10بازدیدها: 596

بازدید کننده عزیز, شما هنوز به عضویت سایت در نیامده اید.
پیشنهاد می کنم در سایت ثبت نام کنید و یا وارد سایت شوید.

دانلود, دانلود کد, دانلود کد تب, تب پیشرفته, دانلود کد تب پبشرفته, کد جی کوئری, کد سی اس اس, تب جی کوئری, تب سی اس اس, دانلود کد جی کوئری, تکنولوژی جی کوئری, تب پیشرفته جی کوئری

saeed_ahmadi123

1/12/1390 - 14:23

saeed_ahmadi123

سلام
خدا قوت
واقعا سایت خوبی دارید من دنبال کد تب برای وبلاگم میگشتم که به وبسایت شما لینک شدم ، فایل رو دانلود کردم ولی فقط یه فایل js بود که نمیدونم چیکار کنم و کد رو کجای وبلاگم بزارم اگه میشه لطفا منو راهنمایی کنید چون خیلی به این تب نیازدارم . اگه بتونین یه کد آماده بزارین که استفتده کنیم خیلی خوب میشه
لطفا جواب رو اگه میشه به ایمیلم یا به وبلاگم بدید ممنون میشم
ایمیل : saeed_ahmadi123@yahoo.com
وبلاگ : www.color-god.blogfa.com

پاسخ

عضو سایت

amir

1/12/1390 - 22:04

amir

saeed_ahmadi123,
بعد از قرار دادن قسمت استایل و جاوا اسکریپ ، تب با کد زیر فراخوانی میشه:
<div class="container">
<h1>تب جی دیزاین با تکنولوژی جی کوئری و CSS</h1>
<ul class="jDesign_tabs">
<li><a href="#tab1">قالب دانلود</a></li>
<li><a href="#tab2">قالب بازی</a></li>
<li><a href="#tab3">قالب سه ستونه</a></li>
<li><a href="#tab4">قالب گیم</a></li>
</ul>
<div class="jDesign_ir">
<div id="tab1" class="jD_content">
<h2>قالب مای دانلود</h2>
<a href="#"><img src="http://jdesign.ir/uploads/posts/1324848983_screen-jd-5.png" height="142" width="200" alt="" /></a>
<h3><a href="#">اطلاعات بیشتر</a></h3>
<p>تست </p>
</div>
<div id="tab2" class="jD_content">
<h2>قالب jD-9</h2>
<a href="#"> <img src="http://jdesign.ir/uploads/posts/1327428492_jd-9-screen.png" height="142" width="200" alt="" /></a>
<h3><a href="#">اطلاعات بیشتر</a></h3>
<p>تست </p>
</div>
<div id="tab3" class="jD_content">
<h2>قالب jD-7</h2>
<a href="#"><img src="http://jdesign.ir/uploads/posts/1325277497_jd-7-screen.png" height="142" width="200" alt="" /></a>
<h3><a href="#">اطلاعات بیشتر</a></h3>
<p>تست </p>
</div>
<div id="tab4" class="jD_content">
<h2>قالب گیم</h2>
<a href="#"> <img src="http://jdesign.ir/uploads/posts/1323878495_jd-1-screen-template-www.jd
esign.jpg" height="142" width="200" alt="" /></a>
<h3><a href="#">اطلاعات بیشتر</a></h3>
<p>تست. </p>
</div>
</div>
</div>

پاسخ

مدیر کل

برو بالا