امروز : سه شنبه ۲ خرداد ۱۳۹۶
حذف تبلیغات


ad

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

 

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

tabs-jq

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

  • محتوا اینجا قرار می گیرد
  • محتوا اینجا قرار می گیرد
  • محتوا اینجا قرار می گیرد

  • محتوا اینجا قرار می گیرد
  • محتوا اینجا قرار می گیرد
  • محتوا اینجا قرار می گیرد

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

 

پیمایش

 

 

 

لینک کوتاه :http://www.rahjo.net/dlscript/?p=1200

عضویت
avangshop>