طريقة إنشاء قائمة منسدلة والإستفادة منها في منتديات الفي بي

بإستخدام التقنية المستخدمة في منتديات الفي بي وبإستخدام الجافا تستطيع إنشاء قائمة منسدلة تضع فيها ما تشاء ... سواء روابط أو شروحات أو بنرات دعائية أو تعليمات أو أي شيء تحب وهذا مثال على الطريقة :

كود:

---

<!-- القائمة المنسدلة -->
<table cellpadding="4" cellspacing="$stylevar[cellspacing]" border="0">
<tr><td class="thead" align="center">
<span id="mwadropme">
<a href="#">خياراتك</a>
<script type="text/javascript"> vbmenu_register("mwadropme"); </script>
</span></td></tr></table>

<div class="vbmenu_popup" id="mwadropme_menu" style="display:none; margin-left:100px;" >
<table cellpadding="4" cellspacing="$stylevar[cellspacing]" border="0">
<tr><td class="thead" align="center">خياراتك</td></tr>

<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a><br>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a></td></tr>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a></td></tr>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a></td></tr>

<tr><td class="alt1" align="right">لا إله إلا الله ... محمد رسول الله</td></tr>

<tr><td class="alt1" align="right">أهلا وسهلا بك في منتديات المودة</td></tr>

</td></tr></table></div>
<!-- نهاية القائمة المنسدلة -->

---

وكل ما عليك هو إستبدال المتغير mwadropme في الكود أعلاه عند كل إستخدام جديد وتحرير المحتويات لما يناسبك ومن ثم وضع الكود في المكان المطلوب في تمبليت الناف بار أو الهيدر أو أي تمبليت تريد ..

مع أجمل تحية وتمنياتي بأن تعم الفائدة من هذا الدرس ... تحياتي .

0

[align=center] السلام عليكم ورحمة الله وبركاته

بالفعل انجاز رائع وجميل جداً جداً لفت انتباهي وشدني كثيراً
دمت دخراً لنا وخالص الشكر موصول لخدماتك الرائعة التي تسديها للجميع
بدافع الحب والعطاء وتقبل خالص دعائي لك بالموفقة والسداد

تحياتي // زمن الصمت[/align]

انا في الخدمة دائما ... تحياتي .

تسلم اخوي بوراشد والله يعطيك العافية يارب

الله يسلمك من كل شر ... تحياتي .

كود رااااائع جداً ومفيد

الله يعطيك العافية يابو راشد ولا يحرمنا من جديدك

الله يعافيك ... تحياتي .

مشكووووووووور اخوي

العفو ... تحياتي .

حلووووو جدا جدا

مشكور ابو راشد

هذا له استخدامات رائعة

تحياااتي

لاهنت يبو راشد لكن أنت تقول

وكل ما عليك هو إستبدال المتغير mwadropme في الكود أعلاه

استبدله بوشو؟؟؟؟؟

إستبدله بأي رموز ... المهم أن لا تستخدم نفس الرموز لقائمتين ... تحياتي .

جزاك الله خير وماقصرت

ياسلام عليك *_* يعطيك الف عافية

تسلم يدك ابوراشد على القائمه الجميله

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو راشد

إستبدله بأي رموز ... المهم أن لا تستخدم نفس الرموز لقائمتين ... تحياتي .

---

ماعليش ابور اشد مافهمت ممكن شرح اوسع فديتك ؟؟؟؟؟؟؟؟؟؟؟

تقبل التحيه :sm259:

يعني إجعل لكل قائمة إسم يختلف عن الأخرى ... تحياتي .

يا بو راشد ممكن توضح وين نحطه بالضبط
لانه حطيته في اول النافابار وماضبط حطيته باخرها ماضبط حطيتها بين القوائم فصلهم عن بعض

ممكن تقول لنا وين بالضبط الله لا يهينك

بإمكانك وضع الكود في أي مكان وتجربته ... انا جربته قبل قليل في بداية الناف بار وإشتغل زي العسل ... تحياتي .

يا بو راشد ما ضبط معاي

وانا جبتلك القائمة بعد التعديل والنافا بار وابيك تضبطهم لي الله يرضالي عليك

وللعلم نسخة منتداي 3.5.4

تفضل :

كود:

---

<script type="text/javascript">
<!--
function log_out()
{
        ht = document.getElementsByTagName("html");
        ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
        if (confirm('$vbphrase[sure_you_want_to_log_out]'))
        {
                return true;
        }
        else
        {
                ht[0].style.filter = "";
                return false;
        }
}
//-->
</script>

<br />

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
        <td class="alt1" width="100%">
                <if condition="is_array($navbits)">
                        <table cellpadding="0" cellspacing="0" border="0">
                        <tr valign="bottom">
                                <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
                                <td>&nbsp;</td>
                                <td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
                        </tr>
                        <tr>
                                <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
                        </tr>
                        </table>                       
                <else />
                        <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
                </if>
        </td>       
       
        <if condition="$show['member']">
       
                <td class="alt2" valign="top" nowrap="nowrap">
                <div class="smallfont">
                        <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
                        <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
                        <if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
                </div>
                </td>
               
        <else />
               
                <td class="alt2" nowrap="nowrap" style="padding:0px">
                       
                <!-- login form -->
                <form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
                <script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
                <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                <tr>
                        <td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
                        <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
                        <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_****ieuser_navbar"><input type="checkbox" name="****ieuser" value="1" tabindex="103" id="cb_****ieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
                </tr>
                <tr>
                        <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
                        <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" accesskey="p" tabindex="102" /></td>
                        <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
                </tr>
                </table>
                <input type="hidden" name="s" value="$session[sessionhash]" />
                <input type="hidden" name="do" value="login" />               
                <input type="hidden" name="vb_login_md5password" />
                <input type="hidden" name="vb_login_md5password_utf" />
                </form>
                <!-- / login form -->
                       
                </td>
               
        </if>       
       
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div align="center">
        <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
        <tr align="center">
                <if condition="$show['member']">
                        <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
                </if>
                <if condition="$show['registerbutton']">
                        <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
                </if>
                <td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
                <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
                <td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
                <if condition="$show['popups']">               
                        <if condition="$show['searchbuttons']">
                                <if condition="$show['member']">
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                                <else />
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                                </if>
                                <td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td>
                        </if>
                        <if condition="$show['member']">
                                <td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>               
                        </if>
                <else />               
                        <if condition="$show['searchbuttons']">
                                <td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
                                <if condition="$show['member']">
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                                <else />
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                                </if>
                        </if>
                        <td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
                        <if condition="$show['member']">                       
                                <td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>                       
                        </if>                       
                </if>

<!-- قائمة الخدمات المنسدلة -->
<td class="vbmenu_control">
<span id="kadamat">
<a href="#">خدمات كويتك</a>
<script type="text/javascript"> vbmenu_register("kadamat", false);
</script>
</span>
<div class="vbmenu_popup" id="kadamat_menu" style="display:none" align="right">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="250" nowrap>
<tr><td class="thead" align="center" width="250" nowrap>
خدمات كويتك</td></tr>

<tr><td class="alt1" align="right"><a href="http://www.gulgup.com/up">مركز التحميل</a><br>
<tr><td class="alt1" align="right"><a href="http://www.kuwaitk.com/vb/arcade.php?">
        <span lang="ar-kw">الألـعــاب</span></a></td></tr>
<tr><td class="alt1" align="right"><a href="http://www.kuwaitk.com/tran/Translate.html">ترجمة النصوص</a></td></tr>
<tr><td class="alt1" align="right"><a href="http://www.kuwaitk.com/dlil">دليل المواقع</a></td></tr>

</td></tr></table></div></td>
<!-- نهاية قائمة الخدمات المنسدلة -->

                <if condition="$show['member']">
                        <td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
                </if>
        </tr>
        </table>
</div>
<!-- / nav buttons bar -->

<br />
<if condition="$show['forumdesc']">
        <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
        <tr>
                <td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
        </tr>
        </table>
        <br />
</if>

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->
       
        <if condition="$show['searchbuttons']">
        <!-- header quick search form -->
        <div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
                <table cellpadding="4" cellspacing="1" border="0">
                <tr>
                        <td class="thead">$vbphrase[search_forums]</td>
                </tr>
                <tr>
                        <td class="vbmenu_option" title="nohilite">
                        <form action="search.php" method="post">
                                <input type="hidden" name="do" value="process" />
                                <input type="hidden" name="showposts" value="0" />
                                <input type="hidden" name="quicksearch" value="1" />
                                <input type="hidden" name="s" value="$session[sessionhash]" />
                                <input type="text" class="bginput" name="query" size="20" />&nbsp;$gobutton<br />
                        </form>
                        </td>
                </tr>
                <tr>
                        <td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
                </tr>
                </table>
        </div>
        <!-- / header quick search form -->
        </if>

        <if condition="$show['member']">
        <!-- user cp tools menu -->
        <div class="vbmenu_popup" id="usercptools_menu" style="display:none">
                <table cellpadding="4" cellspacing="1" border="0">
               
                <tr><td class="thead">$vbphrase[quick_links]</td></tr>               
                <if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
                <tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
                <tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td></tr>
                               
                <tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
                <if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
                <!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
                <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
                <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
               
                <tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
                <if condition="$show['pmstats']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
                <tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
                <tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>
                <if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
               
                </table>
        </div>
        <!-- / user cp tools menu -->
        </if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->

        <div class="vbmenu_popup" id="pagenav_menu" style="display:none">
                <table cellpadding="4" cellspacing="1" border="0">
                <tr>
                        <td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
                </tr>
                <tr>
                        <td class="vbmenu_option" title="nohilite">
                        <form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
                                <input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
                                <input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
                        </form>
                        </td>
                </tr>
                </table>
        </div>

<!-- / PAGENAV POPUP -->
</if>

---

تحياتي .

انا بجربه بس تضبط شغلتي في وضع المنتدى على السيرفر الشخصي ارتاح كثير كثير

جميله اوى الطريقه دى
مشكور اخى الكريم

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

هالكود في اي قالب نحطه

اقتباس:

---

المشاركة الأصلية كتبت بواسطة كويتك

يا بو راشد ما ضبط معاي

وانا جبتلك القائمة بعد التعديل والنافا بار وابيك تضبطهم لي الله يرضالي عليك

وللعلم نسخة منتداي 3.5.4

---

السلام عليكم ورحمة الله وبركاتة
اخوى الغالى الاستاذ بو راشد تسمح لى بهذا الشرح البسيط الى كل الاعضاء كيفية اتسخدام القائمة المنسدلة بقالب ال navbar
وهذا ليس تقصير ولكننا نعرف ومقدرين ديق وقتك
والله الموفق للجميع
الحين نقوم بالدخول على قالب ال navber
نبحث اولا

كود:

---

    <td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
        </if>

---

اسفلة نضيف

كود:

---

<td id="mwadropme" class="vbmenu_control"><a href="#">خياراتك</a><script type="text/javascript"> vbmenu_register("mwadropme"); </script></td>

---

فى نفس القالب نبحث عن

كود:

---

<!-- / NAVBAR POPUP MENUS -->

---

اسفلة ضيف

كود:

---

<div class="vbmenu_popup" id="mwadropme_menu" style="display:none; margin-left:100px;" >
<table cellpadding="4" cellspacing="$stylevar[cellspacing]" border="0">
<tr><td class="thead" align="center">خياراتك</td></tr>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a><br>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a></td></tr>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a></td></tr>
<tr><td class="alt1" align="right"><a href="http://www.mwadah.com">منتديات المودة</a></td></tr>
<tr><td class="alt1" align="right">لا إله إلا الله ... محمد رسول الله</td></tr>
<tr><td class="alt1" align="right">أهلا وسهلا بك في منتديات المودة</td></tr>
</td></tr></table></div>

---

تحياتى دائما

احــ@ــ الشبراوى ــــــد

شغل حلو بارك الله فيك

استاذنا ابو راشد

قل امين


الله يسعدك دنيا وآخره ويرزقك من حيث لا تحتسب

ابو راشد فهمني الآن لو بدي اعمل قائمتين منسدلتين بجانب بعض شو اعمل

الله يرضى عليك خبرني
ا

مشكور أخوي على الهاك الجميل
بس عندي سؤال كيفية إضافة أكثر من قائمة بحيث تكون القوائم بجانب بعض
حيث أنني حاولت بوضع أكثر من قائمة لكن المشكلة بأن القوائم تطلع تحت بعض
إذا بإمكانك مساعدتي أكون شاكر
أخوك

استاذنا الغالي أبو راشد لو ابغى اضيف هذا الكود الى قالب موضوع جديد و أجعلة مثل الابتسامات كيف أخليه يدرج الصور في صندوق الموضوع
http://www.mwadah.com/images/imgcache/2008/10/30.jpg

أرجوا الإفادة جزاك الله عنا كل خير