مرجع پارسی MyBB
آموزش درست کردن منوی کناری ثابت - نسخه‌ی قابل چاپ

+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: متفرقه (https://community.mybbiran.com/forum-52.html)
+--- انجمن: آموزش های متفرقه (https://community.mybbiran.com/forum-33.html)
+--- موضوع: آموزش درست کردن منوی کناری ثابت (/thread-12585.html)

صفحه‌ها: 1 2


آموزش درست کردن منوی کناری ثابت - میدوری - ۱۳۹۱/۹/۳

با درود
آموزش درست کردن منوی کناری سایت را قرار میدهم ( البته در این سایت پلاگینش هست , هرچه گشتم پیدا نکردم که لینکش را بگذارم )
به هرحال کار بسیار ساده است و نیازی به پلاگین هم نیست
ابتدا به بخش فوتر قالبتون بروید و در ابتدای فوتر بعد از <br /> و قبل از <div class="bottommenu"> یا <div class="thead" id="bottommenu">
کد های زیر را قرار بدهید .

کد php:
<style type="text/css">
#followTab{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:24px;
padding:8px 5px;
border:3px solid #fff;
border-right:none;
-
moz-border-radius:10px 0 0 10px;
-
webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-
moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-
webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background:rgba(239,91,10,.75);
background:-moz-linear-gradient(top,rgba(243,52,8,.75),rgba(239,91,10,.75));
background:-webkit-gradient(linear,left top,left bottom,from(rgba(243,52,8,.75)),to(rgba(239,91,10,.75)));
background:linear-gradient(top,rgba(243,52,8,.75),rgba(239,91,10,.75))
}
#followTab li{
margin:9px 0 0 0;
line-height:0
}
#followTab li:first-child{
margin-top:0
}
#followTab a{
display:block;
width:24px;
}
#followTab a span{
position:absolute;
top:-999em
}
</
style>
<
ul id="followTab">
<
li><a href="search.php" title="Search"><img src="images/toplinks/search.gif"></a></li>
<
li><a href="memberlist.php" title="Memberlist"><img src="images/toplinks/memberlist.gif"></a></li>
<
li><a href="calendar.php" title="Calendar"><img src="images/toplinks/calendar.gif"></a></li>
<
li><a href="misc.php?action=help" title="Help"><img src="images/toplinks/help.gif"></a></li>
</
ul

کار تمام است . ( رنگ زمینه و انتخاب آیکون و ... با سلیقه زیبای خودتان ) . برای روشن تر شدن مطلب , یک تصویر از کار تمام شده در لوکال را گذاشتم . به سمت راست تصویر دقت کنید .
امید که به کار بیاید .Heart


RE: آموزش درست کردن منوی کناری ثابت - Abbas412 - ۱۳۹۱/۹/۳

سلام دوست عزیز
ممنون از آموزش خوبت
یه سوال: چطوری میتونم این منو رو متحرک کنم؛ مثلا در حالت عادی روش نوشته شده باشه "امکانات"؛ بعد وقتی با ماوس رفتی روش، باز بشه و گزینه هاشو نشون بده
نمونه اشو گذاشتم:


RE: آموزش درست کردن منوی کناری ثابت - geo - ۱۳۹۱/۹/۳

با سلام و سپاس

آیا این امکان هست که با اضافه کردن کدی به آن، با کلیک کردن روی منو، باز و بسته شود؟


RE: آموزش درست کردن منوی کناری ثابت - میدوری - ۱۳۹۱/۹/۴

(۱۳۹۱/۹/۳، ۲۰:۵۹:۳۹ عصر)Abbas412 نوشته است: با سلام و سپاس

آیا این امکان هست که با اضافه کردن کدی به آن، با کلیک کردن روی منو، باز و بسته شود؟
(۱۳۹۱/۹/۳، ۲۰:۵۹:۳۹ عصر)Abbas412 نوشته است: سلام دوست عزیز
ممنون از آموزش خوبت
یه سوال: چطوری میتونم این منو رو متحرک کنم؛ مثلا در حالت عادی روش نوشته شده باشه "امکانات"؛ بعد وقتی با ماوس رفتی روش، باز بشه و گزینه هاشو نشون بده
نمونه اشو گذاشتم:

این کار شدنی است ولی با اسکریپت انجام میشود فایل های اسکریپت هم شاید بدونید در بعضی مواقع باعث اختلال در بالا آمدن ادیتور پیشرفته و حتی خود صفحه ی سایت ها میشوند . روی این حساب هرچه پلاگین و اسکریپت کمتر , سایتی بی دردسر تر خواهیم داشت . نکته دیگر اینکه من در جاهایی این مدل را متحرک دیده ام ولی ناقص عمل میکند یا زیر صفحه اصلی و منو ها میرود یا .... خلاصه قاطی کار میکند .


RE: آموزش درست کردن منوی کناری ثابت - میدوری - ۱۳۹۱/۹/۴

با درود
متحرک این منو را در سایت خودم گذاشتم . این حالت در قالب ها باید ست شود ( به سختی ) پلاگین هم دارد که پولی است در "سایت مای بی بی اکسترس mybbextras.net جانوتای کلاهبردار" میتوانید بخرید . در حالت عادی چون با کوئری درست شده باید بصورت زیبا باز و بسته شود ( نمونه در سایت خودم هست ) . البته در قالب هایی که اسکریپت های زیادی در حال کار هستند ممکن است تداخل پیدا کند و زیبایی کار جی کوئری را از دست بدهید . Heart


RE: آموزش درست کردن منوی کناری ثابت - geo - ۱۳۹۱/۹/۴

در سایت زیر هم یک نمونه زیبا و متحرک وجود دارد :

http://en.midasuser.com/products/products.asp?nCat=354&idx=101475


RE: آموزش درست کردن منوی کناری ثابت - دونده آزاد - ۱۳۹۱/۱۱/۲۶

آقا اینی که شما گذاشتی اول همه لینک هاش خودش آدرس پیشفرض فروم رو میزاره. حالا اگه من بخوام آدرس یه سایت دیگه رو بدم باید چیکار کنم؟
چون من روی ساب دامین فرومم رو نصب کردم و آدرس سایتم متفاوته.

تو اسکریپتت یه نگاهی انداختم ولی بخشی ندیدم که اصلاحش کنم.
امکانش هست که بهش اضافه کرد؟


RE: آموزش درست کردن منوی کناری ثابت - Doodoo - ۱۳۹۱/۱۱/۲۶

درود
کد php:
href="search.php 
تغییر دهید Wink
کد php:
images/toplinks/search.gif 
اینم تصاویرش هستWink


RE: آموزش درست کردن منوی کناری ثابت - دونده آزاد - ۱۳۹۱/۱۱/۲۷

(۱۳۹۱/۱۱/۲۶، ۱۰:۴۲:۳۳ صبح)Doodoo نوشته است: درود
کد php:
href="search.php 
تغییر دهید Wink
کد php:
images/toplinks/search.gif 
اینم تصاویرش هستWink

تغییر میدم ولی بعنوان مثال من میخوام یک گزینه درست کنم که بره به آدرس
کد:
pelaak8.ir
ولی وقتی این کار را انجام میدهم آدرس به صورت زیر در می آید
کد:
forum.pelaak8.ir/pelaak8.ir/
یعنی آدرس پیش فرض فروم که واسه بنده هست forum.pelaak8.ir رو اولش میندازه و نمیشه تغییرش داد.

ممنون میشم راهنمایی بفرمایید که آیا این کد رو میشه کاری که این حرکتی که من میگم رو بشه روش زد؟


RE: آموزش درست کردن منوی کناری ثابت - میدوری - ۱۳۹۱/۱۲/۱۳

(۱۳۹۱/۱۱/۲۷، ۱۶:۴۰:۲۰ عصر)دونده آزاد نوشته است:
(۱۳۹۱/۱۱/۲۶، ۱۰:۴۲:۳۳ صبح)Doodoo نوشته است: درود
کد php:
href="search.php 
تغییر دهید Wink
کد php:
images/toplinks/search.gif 
اینم تصاویرش هستWink

تغییر میدم ولی بعنوان مثال من میخوام یک گزینه درست کنم که بره به آدرس
کد:
pelaak8.ir
ولی وقتی این کار را انجام میدهم آدرس به صورت زیر در می آید
کد:
forum.pelaak8.ir/pelaak8.ir/
یعنی آدرس پیش فرض فروم که واسه بنده هست forum.pelaak8.ir رو اولش میندازه و نمیشه تغییرش داد.

ممنون میشم راهنمایی بفرمایید که آیا این کد رو میشه کاری که این حرکتی که من میگم رو بشه روش زد؟
با درود
کار بسیار ساده است دوست من . توجه کنید در کد زیر
کد php:
<li><a href="search.php" title="Search"><img src="images/toplinks/search.gif"></a></li
به جای a href="search.php" باید آدرس محلی که کاربر بعد از کلیک تصویر میرود را مشخص کنید یعنی
کد php:
<li><a href="{$mybb->settings['bburl']}/search.php" title="Search"><img src="{$mybb->settings['bburl']}/images/toplinks/search.gif"></a></li