آموزش ساخت Infobar (نوار پیغام) در بالای وبلاگ و وبسایت
احتمالاً در حین وبگردی، متوجه شدهاید که در بالای برخی صفحات در برخی سایتها، یک نوار زرد رنگ از طرف طراحان سایت نمایش داده میشود و در آن پیغامی نمایش داده میشود.
به طور مثال به این نوار دقت کنید:
به این نوار، Infobar گفته میشود. در مثال بالا، با کلیک روی infobar به بخش ثبت نام هدایت میشوید...
اگر شما هم قصد دارید برای صفحهای از وبسایت خود این نوار را نمایش دهید، راه حل سادهای دارد!
کافیست نرمافزار InfoBar Generator را از اینجا دانلود کنید و طبق دستور زیر چنین نواری ایجاد کنید:
مطابق شکل بالا عمل کنید و در نهایت خواهید دید که بر روی فایل
index.htm که در مسیر مشخص شده قرار دارد، کدهایی اضافه
شده است.
ضمن اینکه یک پوشه حاوی چند فایل، در کنار فایل index.htm
ایجاد شده است که حاوی کدهای Javascript و
CSS مربوطه است. این پوشه و فایل
index.htm را به مسیر دلخواه در سایت خود منتقل کنید...
توجه: این نوار، یک نوار ثابت در بالای صفحه است. اگر میخواهید نواری که ساخته میشود، همراه با اسکرول کردن صفحه، جابهجا شود، مثل این صفحه:
http://www.javascriptkit.com/script/script2/infobar.shtmlباید قطعه کد زیر را بین دو تگ body در کدهای خود قرار دهید:
موفق باشید؛
حمید رضا نیرومند
.
- مطالب مرتبط:
- مجموعه كدهای زیبای جاوا همراه با امكان تست آفلاین
- چگونه با جاوا اسکریپت، ساعت سرور را نمایش دهیم؟ (How to show server time with javascript)
- شخصی برای خوش آمدگویی به بازدیدكنندگان سایت یا وبلاگ شما!
- 10 کد جاوا اسکریپت برتر طراحی popup در حالات مختلف
- ایجاد اسکرول بارهایی با رنگها و شمایل مختلف تنها با چند کلیک موس! (معرفی Yaldex Colored ScrollBars 2.0)
- ------------
- چگونه وبلاگ بسازیم؟؟ (آموزش ساخت وبلاگ در سایت بلاگفا)
- قرار دادن یک لوگوی ثابت (یک ریبون) در گوشههای سایت یا وبلاگ (معرفی سایت QuickRibbon.com)
- ساخت منوهای زیبای افقی و عمودی به سادگی هر چه تمامتر در Dreamweaver CS3
- آموزش ساخت وبلاگ در بلاگفا
- آشنایی با اصول تولید فیلم در پریمیر2
ارسال سؤال یا نظر
1- مهدي خورشيدي:
بوسیله: , در: Thursday, 2008 April 10-کد: 573
بابا مرسي
من مدتها بود از اين ايتفو بار (اسمش نمي دونستم) داشتم لذت مي بردم و دنبال روش ساختش بودم
هر چند اين برنامه خودش لقمه كرده ولي بايد كد رو خودم بنويسم به هر حال يه سر بعد عمري به سايتت زدن ارزششو داشت
2- نرم افزار:
بوسیله: , در: Wednesday, 2013 March 13-کد: 6409
سلام دستتان درد نکنه ممنون.
3- :
بوسیله: , در: Saturday, 2017 April 15-کد: 15078
سلام وقت بخیر برای سایت های تحت وردپرس و زبان پی اچ پی چطور؟