سلام دوستان.
با یک اسکریپت کاربردی دیگه از دنیای وردپرس و برنامه نویسی در کنارتون هستیم.
این بار به سراغ مبحث تب ها رفتیم که یکی از آپشن های زیبا سازی در انواع گوناگون قالب ها و پوسته هاست.
در کد نویسی اسکریپت حاضر از جی کوئری و css3 استفاده شده و با طرح و فرم مدرن و زیبایی که داره شمای متفاوتی رو به وبسایت شما هدیه میکنه.
سلام. ممنون. خیلی خوب بود
توسط وبیار
خیلی ممنون مشکلم حل شد
توسط امیر
مرسی خیلی عالی بود
میشه راهنمایی کنید چطور باید از این تب ها استفاده کنم؟
توسط lilya
سلام.میشه یه راهنمایی بکنید…من دقیقا با فایل جیکوئری باید چیکار کنم؟اصلا چطوری باید فراخوانی کنم اینا رو؟فراخوانی یعنی چی؟میشه کامل کامل توضیح بدید که فایل جیکوئری رو کجا کپی کنم و یا کد های داخلش رو کجا قرار بدم؟مرسی
توسط mohamad
سلام.ممنون از آموزشتون میخواستم بدونم کد جی کوئری رو دقیقا چطور باید استفاده کنم…اگر امکان داره بصورت ابتدایی و با جزئیات بهم توضیح بدید چون با جی کوئری آشنا نیستم.ممنون
توسط mohamad
سلام، میتونید از این آموزش استفاده کنید:
http://tiny.alimir.ir/dتوسط علی میرزائی
سلام وقت بخیر.
صفحه ابتدایی سایت پارسه رو دیدید؟
www.parseh.ac.irآیا این هم با jQuery انجام شده؟
چطوری میتونم این کارو انجام بدم؟ میشه راهنمایی کنید؟ ممنونم
توسط وحید
سلام
اگه من بخوام از این تبها در دوجا در یک صفحه استفاده کنم باید چه تغییراتی بدم؟!
توسط amin
سلام، باید سلکتورها رو تغییر بدید.
توسط علی میرزائی
سلام آقای میرزایی یه سوال :
چطور میتونم مثل سایت فایل هیپو درستش کنم ؟؟
تو این أموزش فقط یه ردیف تب دارید ولی در فایل هیپو سه ردیف تب داره
تصویر زیر از سایت فایل هیپو را ببینید:
http://www.uplooder.net/img/image/75/68bdf064821b40ea392e945b65200786/1.pngتوسط امین فراست
سلام دوست من من این کد رو تو Asp.netتو سایتم گزاشتم بعد یه مشکل دارم اینکه اول که سایت بالا میاد همه tabها رو نشون میده و این خیلی بده.بعد که روشون کلیک میکنم درست میشه و تبهای مربوط به خودشو فقط نشون میده به نظرت باید چیکار کنم که اول همه رو نشون نده
توسط سید روح الله موسوی
سلام، لطفا لینک آنلاین بدید تا بتونم بررسی کنم.
توسط علی میرزائی
سلام.
بخشید من کد های index و style را به قالبم اضافه کردم. تب ها هم به سایت اضافه شده ولی وقتی بر روی تب ها کلیک میکنم به محتویات زیرین تب نمیره و فقط یک # به آدرس سایت اضافه میشه.
فکر کنم از جی کوئری باشه.
من فایل جی کوئری را در قالب ورد پرسم آپلود کردم. و کد
را نیز داخل index قالبم قرار دادم. ولی مشکلم همچنان پابرجاست. ممنون میشم دقیقا و تازه کارانه راهنمایی کنید.
توسط سجاد
سلام، ممنون از پست مفیدتون، من از این تب ها استفاده کردم ولی متاسفانه بالاتر همه ی قسمت ها قرار میگیره، مثلا وقتی زیر منو رو باز میکنم می افته زیر تب، آیا مشکل از طراحی منه؟ یا تب؟ ممنون میشم راهنمایی کنید.
توسط سینا
شرمنده، مشکل از طراحی من بود…ممنون
توسط سینا
سلام
تشکر بابت آموزش عالی تون
من می خوام از دوتا تب استفاده کنم به این شکل که شرطی بنویسم که اگر تویه قسمت زمینه های دلخواه متغیر “لینک دانلود” مقدار داشت تب دوم هم ظاهر بشه تا لینک دانلود رو بتونم تویه تب دوم نشون بدم ؟
تشکر
توسط mahdi
سلام،
سؤالتون رو در سامانه پرسش و پاسخ جواب دادم و میتونید به همون لینک مراجعه کنید.
توسط علی میرزائی
مرسی…2 تا سوال دیگه هم دارم که مربوط به تب نمیشه … کجا باید بپرسم؟
توسط leila
سامانه ی پرسش و پاسخ:
answer.alimir.ir
توسط علی میرزائی
خسته نباشید. من یک کم تازه کارم … میشه راهنمایی کنید دقیقا که این 3 تا فایل کجا باید کپی شن و یا باید از کدشون استفاده شه؟ و اینکه برای لینک دادن به این 3تا(یا2تا) فایل باید کجا و چه کدیو بزنم… ممنون
توسط leila
سلام، ممنونم.
خیلی راحته، در داخل فایل index.php، ابتدا محتوای دو آی دی tabs و content رو که داخل body هستن، در مکان مورد نظرتون کپی کنید، سپس نوبت استفاده از کدهای css میرسه که باید اونها رو از فایل style.css خارج کنید (توجه کنید که اگه فرضا در یک قالب وردپرسی قصد استفاده از این اسکریپت رو دارید، نباید کدهای مربوط به warp و body منتقل بشن.)
آخرین مرحله هم استفاده از کدهای جی کوئریه که باید در footer یا header قالب آدرس دهی بشن.
توسط علی میرزائی
ممم، یعنی اگه میخوام تو برگه بیاد کدهای داخل index رو تو قسمت متن کپی کنم… دو خط آخر که مربوط به اسکریپت میشه کپی نکنم؟
آدرس جی کوئری رو تو قسمت هدر تگ head هر جا بزارم اوکی هست؟
خود jquery باید فایلش کپی شه تو theme که بعدش میخواد آدرس دهی شه دیگه؟
ببخشید اینقد سوال میپرسما… آخه جواب نمیده
توسط لیلا
نه، اگه تو برگه ها میخوای استفاده کنی باید به صورت “قالب برگه ها” درستش کنی که کلا بحثش فرق میکنه.
آره، معمولا اونجا میذارن (البته به خاطر بحث سئو جدیدا پیشنهاد میکنن که فایل های جی کوئری در فوتر آدرسی دهی شن!!!).
هم میتونی اون کارو انجام بدی و هم اینکه مثلا از لینک آپلود شده تو سایت ما استفاده کنی (البته راه اول بهتره.)
باز هر سؤالی بود من در خدمتم…
توسط علی میرزائی
خیلی خیلی ممنون… امتحان میکنم و اگه مشکلی بود باز مزاحمتون میشم… مرسی
توسط لیلا
سلام
چه طور می تونم از این اسکریپت در وردپرس استفاده کنم ؟ البته می خوام در قسمت ابزارک ها استفاده کنم .
مثلا یه تب آخرین 5 یا 10 نوشته ی مربوز به موضوع الف رو نمایش بده
یه تب دوباره مثلا 5 یا 10 نوشته ی مربوط به موضوع ب رو نمایش بده
بعضی از قالب ها اینطوری هستن
حالا نمی دونم با افزونه هست یا با این اسکریپت
لتفا راهنمایی بفرمایید
ممنونم
توسط محمد
آره برخی قالب ها مثل پوسته های الگانت تمز، این قابلیت رو به صورت شورت کد در خود قالب دارن.
استفاده به صورت استاتیک خیلی راحته، کدهای اصلی رو از index خارج میکنی و بعد از تغییرات لازم، اونها رو در مکان مورد نیاز قرار میدی. (استفاده از کدهای سی اس اس هم که برای زیبا سازی لازمه).
اما اگه میخوای به صورت دینامیک باشه و ابزارک ها رو ساپورت کنه، باید دست به کد شی یا ساختش رو به یک برنامه نویس وارد بسپری.
البته ممکنه افزونه هایی هم واسه این موضوع باشه، تو گوگل سرچ کنید شاید مورد خوبی براتون پیدا شد!
توسط علی میرزائی
با استفاده از افزونه زیر میتونید برای ابزارک های خودتان تب ایجاد کنید:
http://4blogers.com/?p=4228
توسط محمدصادق عليخاني
سلام
لطفا لینک دانلودش را صلاح نماید چون این لینک مربوط به اسلایدر است
توسط danial
سلام،
بله حق با شما بود، لینک دانلود اصلاح شد.
ممنون از اطلاع رسانیتون.
توسط علی میرزائی