منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
JAR7
 
zaydoon
 
الزعيم
 
yobhy
 
Anas 1657
 
body14145
 
DeLeTe
 
عبد المجيد الذكي
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كود قائمة متشعبة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود قائمة متشعبة

مُساهمة من طرف الوافي9 في الأحد 9 فبراير 2014 - 13:53

مثال لطلبي


بحيث تكون قائمة متشعبة ثانية . بس باتجاه اليمين
لان الكود الذي بالاسفل يكون للاسفل ومرة واحدة فقط


الرمز:
  <div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 29px;" align="left">
        
       <!--            شبكة أبو فيصل            -->
       <ul class="menu">
            
           <li>
                 <a href="/" alt="شبكة أبو فيصل" title="الصفحة الرئيسية"><img src="http://i36.servimg.com/u/f36/14/22/68/80/f11.png" /></a>
           </li>
            
           <li>
                 <a title="حصرياتنا" href="http://abo-faisl.hooxs.com/f21-montada">حصرياتنا</a>
           </li>
            
           <li>
                 <a title="قائمة الموقع" href="#">قائمة الموقع ▼ </a>
               <ul>
                    
                   <li>
                         <a title="الصفحة الرئيسية" href="http://abo-faisl.hooxs.com/" class="documents"> » الصفحة الرئيسية </a>
                   </li>
                    
                   <li>
                         <a title="المنتدى" href="http://abo-faisl.hooxs.com/forum" class="messages"> » المنتدى</a>
                   </li>
                    
                   <li>
                         <a title="قائمة الأعضاء" href="http://abo-faisl.hooxs.com/memberlist" class="messages"> » قائمة الأعضاء</a>
                   </li>
                    
                   <li>
                         <a title="الشات الكتابي" href="http://abo-faisl.hooxs.com/chatbox" class="signout"> » الشات الكتابي</a>
                   </li>
                    
               </ul>
                
           </li>
            
           <li>
                 <a title="خدماتنا" href="#">خدماتنا ▼ </a>
               <ul>
                    
                   <li>
                         <a title="قنوات بث مباشر حصرياً ومجاناً" href="http://abo-faisl.hooxs.com/h12-page" class="documents"> » قنوات بث مباشر</a>
                   </li>
                
                  
             </ul>
                
           </li>
            
           <li>
                 <a title="إتصل بنا" href="http://abo-faisl.hooxs.com/h2-page" class="documents"> إتصل بنا </a>
           </li>
            
           <li>
                 <a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a>
               <ul>
                    
                   <li>
                         <a title="جميع مشاركاتي" href="/search.forum?search_id=egosearch" class="messages"> » جميع مشاركاتي </a>
                   </li>
                    
                   <li>
                         <a title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered" class="signout"> » مواضيع لم يرد عليها </a>
                   </li>
                    
                   <li>
                         <a title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك" href="/search?search_id=newposts" class="signout"> » الجديد منذ آخرزيارة </a>
                   </li>
                    
               </ul>
                
           </li>
            
           <li>
                 <a title="الرسائل الخاصة" href="/privmsg?folder=inbox"><img src="http://i33.servimg.com/u/f33/16/83/50/82/115.png" /></a>
           </li>
            
           <li>
                 <a title="البيانات الشخصية" href="/profile?mode=editprofile"><img src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a>
           </li>
            
           <li>
                 <a title="البحث في المنتدى" href="http://abo-faisl.hooxs.com/search"><img src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>
           </li>
            
           <li>
                 <a title="أعلن لدينا" href="http://abo-faisl.hooxs.com/h6-page" class="documents"> أعلن لدينا </a>
           </li>
            
       </ul>
         <style type="Text/css">
    /* Reset */
    .menu,
    .menu ul,
    .menu li,
    .menu a {margin: 0; padding: 0; border: none; outline: none;}

    /* Menu */
    .menu {height: 42px; width: 100%; background: #2e2e2e;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
    background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
    background: -o-linear-gradient(top, #494949 0%,#202020 100%);
    background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
    background: linear-gradient(top, #494949 0%,#202020 100%); }
    .menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}

    /* Links */
    .menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;
    text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;
    font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
    .menu li:hover > a { color: #8fde62; }

    /* Sub Menu */
    .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s; }
    .menu li:hover > ul { opacity: 1;}
    .menu ul li { height: 0; overflow: hidden; padding: 0;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s; }
    .menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}
    .menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
    .menu ul li:last-child a { border: none; }
    </style>
       <!--          
    شبكة أبو فيصل نهاية           -->
       <div style="left: 46px; overflow: visible;
    width: 300px; position: absolute; top: 12px; height: 30px;" align="center">
            
           <div style="text-align: left;">
                 <span style="color: rgb(192, 192, 192); font-size: 13px;">مرحباً بك يا<strong>عضونا الكريم</strong></span><a href="http://abo-faisl.hooxs.com/login?logout=true" 2"=""> [ خروج ]</a>
           </div><style type="Text/css"></style>
       </div>
        
       <div style="left: 20px; overflow: visible; width: 15px; position: absolute;
    top: 7px; height: 30px;" align="center">
             <script>
    jQuery(document).ready(function(){
    jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
    link = jQuery('#register .forumline td.row1 img', data).attr('src');
    if(link){
    jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
    }else{
    jQuery('#avatar').html('');
    }
    });
    });
    </script>
           <div id="avatar">
                
           </div><style type="Text/css">
    #avatar img{
    max-height: 27px;
    max-width: 27px;
    border: 1px solid #4F4F4F;
    border-radius: 4px; }
    </style>
       </div>
        
    </div>





الوافي9



ذكر
عدد المساهمات : 7
معدل النشاط : 979

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود قائمة متشعبة

مُساهمة من طرف stones في الأحد 9 فبراير 2014 - 14:16

مرحبا
اخي موضوعك مكرر والموضوع السابق لم
يغلق الى الان
تابع
http://help.ahlamontada.com/t1062575-topic

stones
 
 

ذكر
عدد المساهمات : 11043
معدل النشاط : 13416

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود قائمة متشعبة

مُساهمة من طرف الوافي9 في الأحد 9 فبراير 2014 - 14:43

طيب ياغالي والله مافيه مساعدة
تكفووووووووووووون

الوافي9



ذكر
عدد المساهمات : 7
معدل النشاط : 979

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى