اخطار‌های زیر رخ داد:
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 459 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 460 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 103 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 104 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 105 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 185 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 466 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/global.php 818 my_date
/printthread.php 16 require_once
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
File Line Function
[PHP]   errorHandler->error
/inc/plugins/imeiJalaliDate.php 272 preg_replace
/inc/plugins/imeiJalaliDate.php 210 imeiJGconvert
/inc/class_plugins.php 139 imeiJalaliDate
/inc/functions.php 506 pluginSystem->run_hooks
/printthread.php 150 my_date



تالار گفتمان اسکریپت دات کام
چگونگی طراحی منوی شناور - نسخه‌ی قابل چاپ

+- تالار گفتمان اسکریپت دات کام (https://forum.xn--mgbguh09aqiwi.com)
+-- انجمن: کدنویسی و برنامه نویسی (https://forum.xn--mgbguh09aqiwi.com/Forum-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C)
+--- انجمن: HTML / XHTML (https://forum.xn--mgbguh09aqiwi.com/Forum-HTML-XHTML)
+--- موضوع: چگونگی طراحی منوی شناور (/Thread-%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D9%86%D9%88%DB%8C-%D8%B4%D9%86%D8%A7%D9%88%D8%B1)



چگونگی طراحی منوی شناور - nooshin88 - 1395/10/02

[تصویر:  FloatingMenu-intro.png]

تاکنون پیش آمده که در حین جستجو در سایت و مرور مطالب آن نیاز پیدا کنید تا مجدد به منوی تعبیه شده در بالای سایت رجوع کنید؟
اسکرول سایت و برگشت به ابتدای صفحه جهت رویت منو، کاری خسته کننده نیست؟!!
طراحان سایت برای حل این مشکل از استایل position:fixed جهت ثابت نگه داشتن منوی سایت استفاده کرده‌اند. اما این کل ماجرا نیست! اشغال شدن بخش عمده‌ای از سایت توسط لوگو و منو در هنگام اسکرول صفحه به سمت پایین اصلا خوشایند نیست.
ما در این مقاله ترفندی را به شما آموزش خواهیم داد تا منویی شناور را برای سایت خود طراحی کنید. این منو همواره در هنگام اسکرول شدن صفحه در بالای صفحه شما قرار خواهد گرفت و می‌تواند مطابق با نحوه طراحی سایت شما، استایلی متفاوت با منوی اولیه را بگیرد.

نحوه عملکرد:

قسمت هدر سایت، عموما از منوهای اصلی سایت و لوگو تشکیل شده است. در حالت عادی در هنگام بالا آمدن سایت این قسمت‌ها دارای استایل‌های مشخصی از قبیل padding، margin، font و... می‌باشند. واضح است با آمدن صفحه به سمت پایین کاربران ترجیح می‌دهند عمدتا مطالب سایت را رویت کنند تا صفحه ای را که بخش عمده‌ای از آن را منو و لوگو تشکیل می‌دهد.
در این جاست که شما می‌توانید از دستور jquery زیر کمک بگیرید.

کد:
$(window).scroll(function() {
$(this).scrollTop() > 55 ? $("#header").addClass("fix_menu") : $("#header").removeClass("fix_menu");
});
با کمک این دستور هرگاه صفحه وب اسکرول شود و مقدار آن از یک عدد (در اینجا ۵۵ پیکسل ) بیشتر شود، کلاس fix_menu به تگی که دارای آی دی header اضافه می‌شود. بنابراین شما می‌توانید بوسیله این کلاس وقتی صفحه به پایین اسکرول می‌شود به هدر سایت خود استایلی متفاوت بدهید. میتوانید اندازه لوگو را تغییر دهید یا اندازه حاشیه‌های آن را کم کنید.
کد:
#header img{
height: 100px;
}

#header.fix_menu img{
height: 60px;
}

اکنون کار تمام شد.!!!
می‌توانید از منوی شناور در سایت خود لذت ببرید.

لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید

منبع: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید