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


آموزش وردپرس 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 :

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

 

در ادامه بخوانید  اسکریپت شبکه اشتراک گذاری ویدئو Video Venue

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

بخش دوم CSS :

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

در ادامه بخوانید  اسکریپت ایجاد پنجره هشدار اپدیت مروگر کاربر

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

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

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

در ادامه بخوانید  اسکریپت خرید و فروش آنلاین Affiliate Pro نسخه 1.7

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


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

دانلود

خرید هاست پربازدید با منابع کاملا اختصاصی


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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,426با افزونه iMapper عکس های خود را سنجاق بزنید تاریخ : 1392/09/4
1,180نحوه حذف کدهای کوتاه بدون استفاده از وردپرس تاریخ : 1395/01/4
16,478دانلود قالب جدید دانلودها برای وردپرس تاریخ : 1393/03/28
1,919اسکریپت چت روم ReadyChat نسخه 2.2.0 تاریخ : 1395/03/30
1,764بهترین نرم افزار برای کد نویسی وب چیست ؟ تاریخ : 1392/09/21
2,780اسکریپت نقد و بررسی فیلم و سریال MTDb نسخه 2.9 تاریخ : 1395/06/11
3,033قالب زیبای سایت خبری و فروشگاه ووکامرس Official فارسی 1.4 تاریخ : 1392/09/19
2,174اسکریپت مدیریت هتل و مهمانسرا iHostel تاریخ : 1395/08/10
1,828افزونه وردپرس پخش موسیقی Disk Audio Player نسخه 1.6.4 تاریخ : 1393/12/1
2,359افزونه ارسال اتوماتیک مطلب نسخه اصلی Robot v4.01 تاریخ : 1392/09/30
1,895اسکریپت سیستم مدیریت محتوای PageFlex نسخه 1.1.2 تاریخ : 1393/06/6
2,499اسکریپت ویرایشگر متن Summernote تاریخ : 1392/10/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب