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

در اين بخش مي‌توانيد در مورد تمامي مسائل و موضوعات مرتبط با طراحي صفحات اينترنتي به بحث بپردازيد

مدیران انجمن: Mahdi Mahdavi, شوراي نظارت

ارسال پست
Old Moderator
Old Moderator
نمایه کاربر
پست: 883
تاریخ عضویت: سه‌شنبه ۱۴ اسفند ۱۳۸۶, ۱:۳۰ ب.ظ
سپاس‌های ارسالی: 112 بار
سپاس‌های دریافتی: 327 بار
تماس:

آموزش ساخت 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]
[External Link Removed for Guests]
   آموزش شارژ کارتریج و تعمیر انواع    (راهنمای تعمیر لپ تاپ و پرینتر ، ...)


[External Link Removed for Guests]
ارسال پست

بازگشت به “طراحي صفحات اينترنتي”