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

آخرین ارسال های تالار مشاهده انجمن

عنوانپاسخبازدیدتوسط
iconforumاینترنت گران می‌شود؟00AynaZ
iconforumایرانی ها تلگرام؛ غربی ها عضو کدام گروه اند؟00AynaZ
iconforum" صندلی داغ " - 25 بهمن ماه 1395 - mrrashidpour3441182AynaZ
iconforumجشنواره برد برد مایکت شروع شد116AynaZ
iconforumمشکل در قالب وردپرس فوری339AynaZ
iconforumبیشتر از هاست کد224AynaZ
iconforumاسکریپت11123AynaZ
iconforumکار نکرد شورت کدها در توضیح کوتاه محصول332AynaZ
iconforumجواب مت کاتس:برای وب سایت تولید محتوا بهتر است یا بک لینک؟17AynaZ
iconforumتاپیک درخواست حضور در صندلی داغ632769AynaZ
iconforumافت سایت1171AynaZ

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

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

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

میهن وب هاست
هاست

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

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

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

 

بخش اول HTML :

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

 

در ادامه بخوانید  اسکریپت پرتال همسریابی Soulmate

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

بخش دوم CSS :

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

در ادامه بخوانید  اسکریپت مدیریت هتل و مهمانسرا iHostel

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

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

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

در ادامه بخوانید  اسکریپت بهینه ساز و حفظ امنیت وب سایت Web Keeper

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


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

دانلود

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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,214افزونه ردیابی رتبه کلمات کلیدی Rankie برای وردپرس تاریخ : 1395/02/16
1,619افزونه زنفورو به اشتراک گذاری مطالب انجمن در شبکه های اجتماعی تاریخ : 1394/07/26
2,628دانلود اسکریپت چت روم فارسی ایجکس Flea IM تاریخ : 1392/10/5
4,183اسکریپت مدیریت و ساخت فرم nForms تاریخ : 1393/07/21
1,866بهترین نرم افزار برای کد نویسی وب چیست ؟ تاریخ : 1392/09/21
2,293دکمه های سه بعدی دانلود تاریخ : 1392/09/24
3,743اسکریپت چت و گفتگو CometChat نسخه 5.7.0 تاریخ : 1395/04/26
4,570دانلود اسلایدر بسیار زیبا جی کوئری تاریخ : 1392/09/4
3,105دانلود قالب وردپرس BeTheme فارسی نسخه 16.3 تاریخ : 1395/10/19
1,106پوسته باغبانی و محوطه سازی Garden Care برای وردپرس تاریخ : 1395/04/11
4,220دانلود قالب HTML مترو و چندمنظوره STYLISH تاریخ : 1395/02/1
2,212دانلود پوسته خدمات خودرو Mechanic برای وردپرس تاریخ : 1394/08/16
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب