1. Dr.MOT

    Dr.MOT Support - Iq-Team

    الأنتساب:
    ‏2 سبتمبر 2011
    المشاركات:
    650
    الإعجابات المتلقاة:
    5,463
    نقاط الجائزة:
    93
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:
    IraQ
    [​IMG]
    بسم الله الرحمن الرحيم

    السلام عليكم ورحمة الله وبركاته

    أخواني في الله اسعد الله اوقاتكم بكل الخيرات

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

    [ اسم شرح ] : أضافة قوائم منسدلة في الناف بار

    [ وصف شرح ] : أضافة قوائم منسدله في الناف بار بعدد غير نهائي وبدون هاكات وبدون اخطاء مع التوافق الكامل مع
    validator.w3.org

    [ يتوافق مع اي اصدار ] : 3.8

    [ مقدم شرح ] : Dr.MOT

    [ موقع مقدم الشرح ] : http://www.iq-team.org/vb

    [​IMG]

    في البداية نقوم بالبحث عن قالب الناف بار navbar

    في بداية القالب نضع أكواد CSS

    [CSS]<style type="text/css">
    .nav_add2 a{background-image: url('http://www.iq-team.org/vb/I-Q-v3/post/category.png');background-repeat: repeat-x;margin:2px;border:1px solid #AED0E6;-webkit-box-shadow:#C4C4C4 0 0 2px;-moz-box-shadow:#C4C4C4 0 0 2px;box-shadow:#C4C4C4 0 0 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:11px;font-family:tahoma,verdana,arial,sans-serif;padding:2px 4px;text-decoration:none;display:inline-block;text-shadow:1px 1px 0 rgba(255,255,255,.3);color:#7A9AAD;background-color:#C8DEEC;background-image:linear-gradient(to bottom,#EBF4FA,#CBE0EE)}.nav_add2 a:hover{cursor:pointer;margin:2px;border:1px solid #AED0E6;background-color:#CBE0EE;background-image:linear-gradient(to bottom,#CBE0EE,#EBF4FA);}
    </style>[/CSS]

    [​IMG]

    ثمه نبحث داخل القالب عن

    كود PHP:
    <if condition="$show['registerbutton']">
    نضيف اعلاه

    كود PHP:
    <td  class="vbmenu_control"><a rel="nofollow" id="account"  href="$show[nojs_link]#account" accesskey="3">تفعيل واسترجاع  العضوية</a> <script type="text/javascript">  vbmenu_register("account"); </script></td>
    من ثمه نبحث عن

    كود PHP:
    <!-- / NAVBAR POPUP MENUS -->
    نضيف اسفله الكود التالي

    كود PHP:
    <!--  nav popup menus by www.iq-team.org -->
    <
    div class="vbmenu_popup" id="account_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
    <
    table cellpadding="4" cellspacing="1" border="0">
    <
    td  class="nav_add2"><a rel="nofollow" href="login.php?do=lostpw"  accesskey="5"><b>استرجاع كلمة السر  المفقودة</b></a></td>
    <
    td  class="nav_add2"><a rel="nofollow" href="register.php?a=ver"  accesskey="5"><b>تفعيل حسابك</b></a></td>
    <
    td  class="nav_add2"><a rel="nofollow"  href="register.php?do=requestemail" accesskey="5"><b>تفعيل  العضوية بالبريد<b></a></td>
    </
    table>
    </
    div>
    <!-- / 
    nav popup menus by www.iq-team.org -->
    من ثمه احفض التعديل

    نشوف التغيرات


    [​IMG]

    [​IMG]

    كما تلاحض القائمه بشكل افقي

    طيب نريد ان تكون القائمه بشكل افقي ؟

    نحذف مابين

    كود PHP:
    <!--  nav popup menus by www.iq-team.org -->

    <!-- / 
    nav popup menus by www.iq-team.org -->
    ونضع الكود التالي

    كود PHP:
    <div class="vbmenu_popup" id="account_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
    <
    table cellpadding="4" cellspacing="1" border="0">
    <
    tr><td  class="nav_add2"><a rel="nofollow" href="login.php?do=lostpw"  accesskey="5"><b>استرجاع كلمة السر  المفقودة</b></a></td></tr>
    <
    tr><td  class="nav_add2"><a rel="nofollow" href="register.php?a=ver"  accesskey="5"><b>تفعيل  حسابك</b></a></td></tr>
    <
    tr><td  class="nav_add2"><a rel="nofollow"  href="register.php?do=requestemail" accesskey="5"><b>تفعيل  العضوية بالبريد<b></a></td></tr>
    </
    table>
    </
    div>
    ثمه احفض القالب

    النتيجه

    [​IMG]

    [​IMG]

    طبعآ التعديل خالي تمامآ من الاخطاء

    [​IMG]

    w3c

    [​IMG]

    طيب اريد اعمل اكثر من قائمه ؟

    [​IMG]

    [​IMG]

    نفس التعديلات التي اجرينها فقط تغير المتغير account

    على سبيل المثال

    كود PHP:
    <td  class="vbmenu_control"><a rel="nofollow" id="iq-team"  href="$show[nojs_link]#iq-team" accesskey="3">تفعيل واسترجاع  العضوية</a> <script type="text/javascript">  vbmenu_register("iq-team"); </script></td>
    وايضآ التعديل في القائمه على اسم المتغير

    كود PHP:
    <!--  nav popup menus by www.iq-team.org -->
    <
    div class="vbmenu_popup" id="iq-team_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
    <
    table cellpadding="4" cellspacing="1" border="0">
    <
    td  class="nav_add2"><a rel="nofollow" href="login.php?do=lostpw"  accesskey="5"><b>استرجاع كلمة السر  المفقودة</b></a></td>
    <
    td  class="nav_add2"><a rel="nofollow" href="register.php?a=ver"  accesskey="5"><b>تفعيل حسابك</b></a></td>
    <
    td  class="nav_add2"><a rel="nofollow"  href="register.php?do=requestemail" accesskey="5"><b>تفعيل  العضوية بالبريد<b></a></td>
    </
    table>
    </
    div>
    <!-- / 
    nav popup menus by www.iq-team.org -->
    الناتج

    [​IMG]
    [​IMG]

    [​IMG]

    طريقة اضافه اكثر من رابط داخل القائمه بـ أضافة

    كود PHP:
    <td  class="nav_add2"><a rel="nofollow" href="الرابط"  accesskey="5"><b>الاسم<b></a></td>
    [​IMG]

    وهكذا وصلنا لخاتمة موضوعنا لهذا اليوم

    اتمنى ان اكون وفقت في الطرح

    وفقكم الله لما يحب ويرضى {1!$7}
     
    2 شخص معجب بهذا.
  2. Ameer Eagle

    Ameer Eagle V • I • P

    الأنتساب:
    ‏7 يونيو 2014
    المشاركات:
    3,233
    الإعجابات المتلقاة:
    2,779
    نقاط الجائزة:
    113
    الجنس:
    ذكر
    الوظيفة:
    Student
    الإقامة:
    IraQ
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    عاشت ايدك ابو جاسم بصراحة
    كلش راقي بارك الله بيك
     
  3. General Rahmane

    General Rahmane Developer plus DeveloPer Plus

    الأنتساب:
    ‏31 أكتوبر 2014
    المشاركات:
    225
    الإعجابات المتلقاة:
    2
    نقاط الجائزة:
    18
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    جميل جداُ يا مبدع

    سلمت يداك

    تحياتي
     
  4. ĐЯ-ЩΘЩΘ

    ĐЯ-ЩΘЩΘ iq-team مراقب عآم

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    512
    الإعجابات المتلقاة:
    50
    نقاط الجائزة:
    28
    الجنس:
    ذكر
    الإقامة:
    مكة مكرمة
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    ماشاء الله تبارك الرحمن

    موضوع مميز صراحه

    كذا انت تحمسني زياده ياصديقي الغالي {1!$7}

    ربي يحفظك ياغالي

    جااري نشر
     
  5. صدام السقاف

    صدام السقاف ExpErt DeveloPer

    الأنتساب:
    ‏11 يونيو 2014
    المشاركات:
    252
    الإعجابات المتلقاة:
    7
    نقاط الجائزة:
    18
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    ابداع لاغبار عليه اخي الكريم محمد يستاهل الوشم الخماسي والنشر على الحساب الفيس والتويتر والبلس
     
  6. آبؤ گرشھ

    آبؤ گرشھ Developer

    الأنتساب:
    ‏30 أكتوبر 2014
    المشاركات:
    20
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    مٍڜگؤر علـى آلـڜرح حبيً


    لـآ ٺبڿلـ علـيًنـھ آب مٍؤآضيًعگ

     
  7. м̨я.ǚs̲ǝя

    м̨я.ǚs̲ǝя <div style="border-right: 5px solid; padding: 2px ExpErt DeveloPer

    الأنتساب:
    ‏16 ابريل 2014
    المشاركات:
    437
    الإعجابات المتلقاة:
    13
    نقاط الجائزة:
    18
    الإقامة:
    ★ الكردستان ★
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    جزك اللە خیر یا اخی
     
  8. قلبي المجروح

    قلبي المجروح Developer

    الأنتساب:
    ‏29 أكتوبر 2014
    المشاركات:
    7
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    شرح وتنسيق ليس بغريب عنك الابداع اخوي محمد

    عاشت ايدك في انتظار الدروس القادمة



    :{11}::{11}::{11}:
     
  9. Jeo Sawager

    Jeo Sawager Developer

    الأنتساب:
    ‏15 أكتوبر 2014
    المشاركات:
    148
    الإعجابات المتلقاة:
    4
    نقاط الجائزة:
    18
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    دآئمآ مميز ومبدع بموآضيعك
    سلمت يمنآك :{1!}:​
     
  10. TeePlow

    TeePlow V • I • P

    الأنتساب:
    ‏12 مارس 2014
    المشاركات:
    400
    الإعجابات المتلقاة:
    9
    نقاط الجائزة:
    18
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    السلام عليكم
    بارك الله فيك شرح رائع
     

مشاركة هذه الصفحة