ایجاد انواع منوها و باکس های تب دار در چند گام ساده !

- visibility ۷۲ mode_comment

:: حتما در بسیاری از صفحات وب دیدید که قسمتی از صفحه یه باکس یا منو وجود داره که بالای اون چند تب یا لینک هست و با کلیک روی هر کدوم از تب ها ، بلافاصله محتوای منو یا باکس عوض میشه و محتوای مربوط به اون تب در منو نمایش داده میشه . چیزی شبیه همین تب های مرورگر ها ، منتهی در درون صفحه وب ! :: بزارید لپ مطلب رو اینطور ادا کنم : :: دوست دارید منوها و یا باکس های تب دار (معروف به تبر - tabber) همانند زیر داشته باشید :

:: خوب ، امروز می خوایم بهتون آموزش بدیم که چطور در 3 گام ساده اینجور منو ها و باکس های tab دار رو بسازید . :: برای ساخت این جور tabber menu یا tabber box به ترتیب این سه مرحله زیر رو طی کنید که بسیار ساده اند و واضح توضیح داده شده چیکار کنید :

.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :.
در صورتي که عضو سايت هستيد می توانید لاگین شوید.
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد.
comment دیدگاه کاربران
artashez

لقمان جان سلام.
من دوباره از این فرمت استفاده کردم.
داداش اگه بخوام که تب انتخاب شده از راست باشه باید چی کار کنم؟
دارم از زبان عربی استفاده می کنم.
از توی استایل راست چینش کردم اما تب انتخاب شده سمت چپیه هست کهمی خوام بیاد راست.

لقمان آوند

سلام
توی استایلش ببین . اگه تب ها فلوتشون چپه ، راستش کن . ممکنه لازم باشه rtl هم بکنی direction رو .

artashez

راستی داداش، وقتی تو گوگل کروم می خوام کد ها رو سلکت کنم اون شماره ها هم باهاش کپی میشن.

لقمان آوند

بالا سمت راست هر کد یه سری آیکون نمایش داده میشه وقتی موس رو ببری روی کد . می تونی کپی کنی و کد خالص رو ببینی .

zakiye

ممنون واقعا ممنون از سایت شما و مطالب آموزشیتون خیلی چیزا یاد .ممنون مثل شما خیلی کم هستن که بدون هیچ چشم داشتی اموزه های خودشونو به بقیه انتقال بدن تشکر فراوان 😳 😳 😳 😳 😳 😳 😳

لقمان آوند

خواهش می کنم . شما لطف دارید .
موفق باشید

mapris42

سپاسگزارم- می خواسام بدونم چطوری می تونم برای تبها زیرتب بسازم.باسپاس

mr-paradox

با سلام
از مطالب مفیدتون متشکرم
یه سوال داشتم
آیا میتونیم کد های این باکس های تب دار رو تغییر بدیم که وقتی کار بر جاوا اسکریپت مرور گرش رو disableکرد دیگه منو ها نمایش داده نشن و نتونه محتویات باکس رو ببینه
با تشکر فراوان
بدرود

لقمان آوند

منظورتونو دقیق متوجه نشدم …

mr-paradox

منظورم اینه که باکس طوری باشه که فقط وقتی جاوا اسکریپت مرور گر اینیبل هست نمایش داده بشه
و در مواقع دیسیبل کردن جاوا نمایش داده نشه مثل بقیه کد های جاوا(جلوگیری از راست کلیک) که وقتی جاوا اسکریپت مرور گر رو دیسیبل میکنیم دیگه کار نمیکنه.
مثل این:
http://moisrex.rozblog.com/post/3223/%DA%A9%D8%AF-%D9%85%D9%86%D9%88%DB%8C-%D8%AF%D8%A7%D8%B1%D8%A7%DB%8C-%D8%AA%D8%A8-%DA%A9%D9%87-%D8%A8%D8%A7-%D8%A8%D8%B1%D8%AF%D9%86-%D9%85%D8%A7%D9%88%D8%B3-%D8%B1%D9%88%DB%8C-%D8%AA%D8%A8-%D9%87%D8%A7%DB%8C-%D8%A2%D9%86-%D9%86%D8%B4%D8%A7%D9%86-%D8%AF%D8%A7%D8%AF%D9%87-.html

لقمان آوند

می تونید به صورت پیشفرض با css ویژگی display برای کل باکس none بزارید و بعد از اون با جاوااسکریپت display باکس رو block کنید . اینطوری اگه js فعال نباشه باکس هم مخفی می مونه !

nezam

سلام ، : خیلی مفید بود ، سپاسگزارم .

ssrr33

سلام ممکنه بگید اگر بخوام داخل نوشته هام تب بندی بشه باید کجا کدها رو قرار بدم من نوشته های داخل پستم رو میخوام دسته بندی کنم نه داخل صفحه اصلی

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 4