آموزش ساخت Infobar (نوار پیغام) در بالای وبلاگ و وبسایت
ارسال شده: دوشنبه ۱۸ شهریور ۱۳۸۷, ۹:۵۶ ب.ظ
احتمالاً در حین وبگردی، متوجه شدهاید که در بالای برخی صفحات در برخی سایتها، یک نوار زرد رنگ از طرف طراحان سایت نمایش داده میشود و در آن پیغامی نمایش داده میشود.
به طور مثال به این نوار دقت کنید:
به این نوار، 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]
به طور مثال به این نوار دقت کنید:
به این نوار، 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]