طراحی و بهینه سازیمشاهده

درگاه پرداخت

آموزش ساخت تب جی کوئری و سی اس اس

CSS , HTML5 , اسکریپت ها , جی کوئری , ديگر اسكريپتها , متفرقه
آموزش ساخت تب جی کوئری و سی اس اسReviewed by جواد on Sep 2Rating: 5.0آموزش ساخت تب جی کوئری و سی اس اسدر این مطلب از سایت بیست اسکریپت ساخت یک تب زیبا با استفاده از فناوری جی کوئری و سی اس اس را آموزش میدهیم. در کد نویسی اسکریپت حاضر از جی کوئری و سی اس اس استفاده شده و با طرح و فرم مدرن و زیبایی که دارد نمای متفاوتی را به وبسایت شما هدیه می دهد. هم اکنون جهت مشاهده آموزش با ما باشد.

در این مطلب از سایت بیست اسکریپت ساخت یک تب زیبا با استفاده از فناوری جی کوئری و سی اس اس را آموزش میدهیم. در کد نویسی اسکریپت حاضر از جی کوئری و سی اس اس استفاده شده و با طرح و فرم مدرن و زیبایی که دارد نمای متفاوتی را به وبسایت شما هدیه می دهد. هم اکنون جهت مشاهده آموزش با ما باشد.

 

بخش اول HTML :

خوب کد های زیر را به هر جایی از قالب خود که می خواهید اضافه کنید.

 

حتما بخوانید  اسکریپت رسم نمودار Highcharts

 همون طوری که مشاهده می کنید بخش HTML از یک لیست مرتب با آی دی nav و یک عنصر div با کلاس list-wrap تشکیل شده که قسمت اول برای عنوان تب ها و بخش دوم برای محتوای آن ها می باشد. به آدرس لینک های لیست nav و ID لیست های داخلی عنصر div با کلاس list-wrap دقت کنید.

بخش دوم CSS :

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

حتما بخوانید  اسکریپت کیبورد مجازی فارسی

 بخش سوم جی کوئری :

در نهایت قسمت جی کوئری برای ایجاد افکت هنگام تغییر برگه ها می باشد.

طریقه استفاده از پلاگین بالا :

حتما بخوانید  اسکریپت دانلود ویدئو از یوتیوب Youtube Convert Save

کد بالا برای دو تب بندی نوشته شده است.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

خرید هاست حرفه ای سازگار با انواع اسکریپت همراه با نصب رایگان

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1393/06/11 9 CSS , HTML5 , اسکریپت ها , جی کوئری , ديگر اسكريپتها , متفرقه

لینک کوتاه مطلب : http://www.20script.ir/?p=8275

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,897آموزش اجرای متد ها در jquery تاریخ : 1392/08/30
3,807دانلود 5 پترن ساده ولی حرفه ای تاریخ : 1392/10/9
5,449اسکریپت فروشگاه ساز و رایگان Thelia 2.0.4 تاریخ : 1393/10/2
1,718اسکریپت مدیریت هتل و مهمانسرا iHostel تاریخ : 1395/08/10
2,436اسلایدر سه بعدی بسیار زیبای جی کوئری تاریخ : 1392/08/11
1,801دانلود پوسته وردپرس آسترو Astro نسخه 4.1 تاریخ : 1394/12/9
3,423اسکریپت کوتاه کننده لینک YOURLS تاریخ : 1395/01/15
10,472قالب بسیار زیبا شارژ کن برای Freer تاریخ : 1392/09/25
4,858دانلود قالب ریمیکس نسخه 1.5 برای وردپرس تاریخ : 1393/10/25
5,267پوسته واکنش گرا مد لباس / Fashionista برای وردپرس تاریخ : 1392/09/22
1,802افکت به تصاویر با استفاده از اسکریپت Picanim تاریخ : 1393/05/5
2,237دانلود پوسته شرکتی و واکنش گرای BigBang برای وردپرس تاریخ : 1393/10/8
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب