1. أهلا وسهلاً بكم في :: IQ-TeaM FORUM :: .
    إذا كانت هذه الزيارة الأولى أو لديك الرغبة بالانضمام لأعضاء شبكة عراق تيم فيجب الاطلاع على خصوصية الشبكه فربما بقائك زائر افضل لك من الانضمام بحيث أن قوانين شبكة عراق تيم لا تتناسب مع اهتماماتك .
    • للأطلاع على الخصوصية وسياسة الاستخدام - التفاصيل
    • بعد الاطلاع على سياسة الموقع وقوانين شبكة عراق تيم يمكنك التسجيل معنا - تسجيل عضو جديد
    إستبعاد الملاحظة
الكاتب : Dr.MOT | المشاهدات : 632 | الردود : 17
  1. Dr.MOT

    Dr.MOT إدارة الموقع

    الأنتساب:
    ‏2 سبتمبر 2011
    المشاركات:
    656
    الإعجابات المتلقاة:
    5,476
    نقاط الجائزة:
    93
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:
    IraQ
    نظام التشغيل:
    windows 8.1
    اللغة البرمجية:
    CSS
    Facebook:
    YouTube:
    [​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,780
    نقاط الجائزة:
    113
    الجنس:
    ذكر
    الوظيفة:
    Student
    الإقامة:
    IraQ
    نظام التشغيل:
    windows 7
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

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

    General Rahmane Developer plus DeveloPer Plus

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

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

    سلمت يداك

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

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

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

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

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

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

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

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

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

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

    ابداع لاغبار عليه اخي الكريم محمد يستاهل الوشم الخماسي والنشر على الحساب الفيس والتويتر والبلس
     
  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
    الإقامة:
    ★ الكردستان ★
    نظام التشغيل:
    Linux
    اللغة البرمجية:
    HTML
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

    جزك اللە خیر یا اخی
     
  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
    نظام التشغيل:
    windows 7
    اللغة البرمجية:
    Visual Basic
    Facebook:
    رد: أضافة قوائم منسدلة في الناف بار بدون هاكات

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

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