منوی کاربری jQuery

نویسنده : AAA

منوی کاربری jQuery
با سلام
این منوی جی کوئری رو برای قالب رویال فانز (پوسته ویژهRoyalfun) طراحی کرده بودم، نسخه ای که در این پست موجود است یک نسخه توسعه یافته، با امکانات بیشتر و با کد های جی کوئری استانداردتر نسبت به منوی قبلی می باشد.

نویسنده: سید علی خوشرو
برای ایجاد این منوی کاربری، مراحل زیر را دنبال کنید.
1.پیوست زیر را در پوشه jscripts آپلود کنید.
نام فایل : jqueryMenu.zip
اندازه : 1.63 MB
پسورد : www.mybbco.ir
فقط اعضا میتوانند فایل پیوست را دریافت کنند .


2.وارد قالب headerinclude شده و کد زیر رو به انتهای آن اضافه کنید.
<link href="jscripts/jqueryMenu/css/style.css" rel="stylesheet" />
<script src="jscripts/jqueryMenu/jscript/jquery.js" type="text/javascript"></script>
<script src="jscripts/jqueryMenu/jscript/script.js" type="text/javascript"></script>


3.در قالب header کد ها زیر را وارد کنید.
<div class="option-menu">
      <div id="button"></div>
      <div id="menu-alarm">برای استفاده از تنظیمات وارد اکانت خود شده و یا عضو شوید</div>
      <nav id="op-menu">
        <div id="close"></div>
        <ul class="options">
          <li><a href="usercp.php"><img class="op-img" src="jscripts/jqueryMenu/images/home.png" />کنترل پنل</a></li>
          <li><a class="suboptions" href="#privates"><img class="op-img" src="jscripts/jqueryMenu/images/pm.png" />پیام های خصوصی</a></li>
          <li><a class="suboptions" href="#setting"><img class="op-img" src="jscripts/jqueryMenu/images/setting.png" />تنظیمات کاربری</a></li>
          <li><a class="suboptions" href="#more"><img class="op-img" src="jscripts/jqueryMenu/images/more.png" />متفرقه</a></li>
        </ul>
        <ul id="privates" class="sub">
          <li><a href="private.php?action=send">ارسال پیام</a></li>
          <li><a href="private.php?fid=1">صندوق دریافت</a></li>
          <li><a href="private.php?fid=2">پیام های ارسالی</a></li>
          <li><a href="private.php?fid=3">پیش نویس ها</a></li>
          <li><a href="private.php?action=tracking">پیگیری</a></li>
          <li><a href="private.php?fid=4">سطل آشغال</a></li>
          <li><a href="private.php?action=folders">ویرایش پوشه ها</a></li>
        </ul>
        <ul id="setting" class="sub">
          <li><a href="usercp.php?action=password">ویرایش رمز عبور</a></li>
          <li><a href="usercp.php?action=avatar">ویرایش آواتار</a></li>
          <li><a href="usercp.php?action=options">ویرایش تنظیمات</a></li>
          <li><a href="usercp.php?action=profile">ویرایش پروفایل</a></li>
          <li><a href="usercp.php?action=changename">ویرایش نام کاربری</a></li>
          <li><a href="usercp.php?action=editsig">ویرایش امضا</a></li>
          <li><a href="usercp.php?action=email">تغییر ایمیل</a></li>
        </ul>
        <ul id="more" class="sub">
          <li><a href="usercp.php?action=usergroups">گروه های من</a></li>
          <li><a href="usercp.php?action=editlist">لیست دوستان / سیاه</a></li>
          <li><a href="usercp.php?action=attachments">پیوست ها</a></li>
          <li><a href="usercp.php?action=draft">پیش نویس ها</a></li>
          <li><a href="usercp.php?action=subscriptions">موضوعات مشترک شده</a></li>
          <li><a href="usercp.php?action=forumsubscriptions">انجمن های مشترک شده</a></li>
          <li><a href="member.php?action=profile">پروفایل کاربری</a></li>
        </ul>
      </nav>
    </div>

4.کد زیر را در قالب header_welcomeblock_guest وارد کنید.
<div id="guest-button"></div>

5.محتوای قالب global_pm_alert را حذف کنید و کد زیر را جایگزین آن کنید.
<div id="pm_notice">
    <div class="float_right"><a href="private.php?action=dismiss_notice&amp;my_post_key={$mybb->post_code}" title="{$lang->dismiss_notice}" onclick="return MyBB.dismissPMNotice()"><div id="pm-message" style="color: #ffffff;">{$privatemessage_text}</div></div>
</div>

و از منوی کاربری جدید خود لذت ببرید.Smilethanks
تصویر (ها)
           
نویسنده :

X
پلاگین نمایش افراد آنلاین در 24 ساعت گذشته
سلام با استفاده از این پلاگین میتونید افراد آنلاین در 24 ساعت گذشته انجمنتون رو در صفحه اصلی انجمن ...
تعیین نشده
دیدگاه های کاربران 13
ارسال: 2
اگه منبع داره منبع و نام نویسنده رو ذکر کنید !
ارسال: 3
پست اول ویرایش شد.
با تشکر.
ارسال: 4
من انجام دادم ولی وقتی رو عکس تنظیمات کلیک میکنی چیزی بالا نمیاد.
Dodgy
ارسال: 5
(2014-06-17T22:09:08+00:00 2014-06-17T22:09:08+00:00)Amir-Me نوشته :  من انجام دادم ولی وقتی رو عکس تنظیمات کلیک میکنی چیزی بالا نمیاد.
Dodgy

فایل های جی کوئری به صفحه پیوست نشده است.
مرحله 1 یا 2 اشتباه انجام شده است.
ارسال: 6
میشه دقیق تر بگید قالب   headerinclude    کجاست؟
ارسال: 7
(2014-07-02T15:36:48+00:00 2014-07-02T15:36:48+00:00)*mahdi* نوشته :  میشه دقیق تر بگید قالب   headerinclude    کجاست؟

در بخش قالب های پوسته مورد نظر در قسمت قالب های دسته بندی نشده قرار دارده thanks
ارسال: 8
ببخشید ولی من هر کاری میکنم درست نمیشه؟


میشه راهنمایی کنیدBig Grin

مشکلمم پیوست کردم


فایل‌(های) پیوست شده تصویر (ها)
   

پاسخ مسئول
ارسال: 9
(2014-08-17T19:09:13+00:00 2014-08-17T19:09:13+00:00)borhan نوشته :  ببخشید ولی من هر کاری میکنم درست نمیشه؟


میشه راهنمایی کنیدBig Grin

مشکلمم پیوست کردم

به احتمال زیاد کدها رو درست قرار ندادی برهان جان
یه بار توی نت پد کدها رو کپی کن و دوباره از نت پد کپی کن و در قالب قرار بده

image
ارسال: 10
Huh من همه کار انجام دادام همه چی رو درست ولی نمیدونم ؟ چدی تو اون تنضیمات کلیک میکنم نمایش نمیده ؟ فقط متحرک هست میشه بگین ؟ چرا ؟

پاسخ مسئول
ارسال: 11
(2014-09-26T17:03:50+00:00 2014-09-26T17:03:50+00:00)dlprog نوشته :  Huh من همه کار انجام دادام همه چی رو درست ولی نمیدونم ؟ چدی تو اون تنضیمات کلیک میکنم نمایش نمیده ؟ فقط متحرک هست میشه بگین ؟ چرا ؟

فایل ها رو به درستی آپلود کردید ؟

image
ارسال: 12
Huh دوست عزیز همه چی رو درست و کامل
ارسال: 13
‍پیوست مشکل داره

پاسخ مسئول
ارسال: 14
(2014-11-03T15:27:58+00:00 2014-11-03T15:27:58+00:00)msmk1234 نوشته :  ‍پیوست مشکل داره

پیوست مشکلی ندارد
http://community.mybbco.ir/attachment.php?aid=602

image

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :