سه‌شنبه ۲۹ اسفند ۱۴۰۲ |  عضویت / ورود






[ بخش اصلی آموزشها | افزودن آموزش | داری بیشترین امتیاز | دارای بیشترین بیننده | جدیدترین نظرات ]

آموزش ساخت Infobar (نوار پیغام) در بالای وبلاگ و وب​سایت


Sunday, 2008 April 06   نویسنده: Hamid   تعداد بازدید: 9375 بار  #آموزش جاوا اسکریپت - Java Script‏   امتیاز متوسط: امتیازی داده نشده است

احتمالاً در حین وبگردی، متوجه شده​اید که در بالای برخی صفحات در برخی سایت​ها، یک نوار زرد رنگ از طرف طراحان سایت نمایش داده می​شود و در آن پیغامی نمایش داده می​شود.

به طور مثال به این نوار دقت کنید:

http://aftab.cc

به این نوار، Infobar گفته می​شود. در مثال بالا، با کلیک روی infobar به بخش ثبت نام هدایت می​شوید...

اگر شما هم قصد دارید برای صفحه​ای از وب​سایت خود این نوار را نمایش دهید، راه حل ساده​ای دارد!

کافی​ست نرم​افزار InfoBar Generator را از اینجا دانلود کنید و طبق دستور زیر چنین نواری ایجاد کنید:

http://aftab.cc

مطابق شکل بالا عمل کنید و در نهایت خواهید دید که بر روی فایل index.htm که در مسیر مشخص شده قرار دارد، کدهایی اضافه شده است.
ضمن اینکه یک پوشه حاوی چند فایل، در کنار فایل index.htm ایجاد شده است که حاوی کدهای Javascript و CSS مربوطه است. این پوشه و فایل index.htm را به مسیر دلخواه در سایت خود منتقل کنید...

توجه: این نوار، یک نوار ثابت در بالای صفحه است. اگر می​خواهید نواری که ساخته می​شود، همراه با اسکرول کردن صفحه، جابه​جا شود، مثل این صفحه:

http://www.javascriptkit.com/script/script2/infobar.shtml

باید قطعه کد زیر را بین دو تگ body در کدهای خود قرار دهید:


موفق باشید؛
حمید رضا نیرومند


.



ارسال سؤال یا نظر


1- مهدي خورشيدي:
بوسیله: , در: Thursday, 2008 April 10-کد: 573
بابا مرسي
من مدتها بود از اين ايتفو بار (اسمش نمي دونستم) داشتم لذت مي بردم و دنبال روش ساختش بودم
هر چند اين برنامه خودش لقمه كرده ولي بايد كد رو خودم بنويسم به هر حال يه سر بعد عمري به سايتت زدن ارزششو داشت


2- نرم افزار:
بوسیله: , در: Wednesday, 2013 March 13-کد: 6409
سلام دستتان درد نکنه ممنون.


3- :
بوسیله: , در: Saturday, 2017 April 15-کد: 15078
سلام وقت بخیر برای سایت های تحت وردپرس و زبان پی اچ پی چطور؟

Tutorials ©