صفحه 1 از 1

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

ارسال شده: دوشنبه ۱۸ شهریور ۱۳۸۷, ۹:۵۶ ب.ظ
توسط H@med
احتمالاً در حین وبگردی، متوجه شده​اید که در بالای برخی صفحات در برخی سایت​ها، یک نوار زرد رنگ از طرف طراحان سایت نمایش داده می​شود و در آن پیغامی نمایش داده می​شود.

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

 تصویر 

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

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

کافی​ست نرم​افزار InfoBar Generator را [External Link Removed for Guests] و طبق دستور زیر چنین نواری ایجاد کنید:

 تصویر 

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

توجه: این نوار، یک نوار ثابت در بالای صفحه است. اگر می​خواهید نواری که ساخته می​شود، همراه با اسکرول کردن صفحه، جابه​جا شود، مثل این صفحه:
[External Link Removed for Guests]

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

Please Login or Register to see this code

منبع : [External Link Removed for Guests]