شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
faisl2020
المشاركات المشاركات : 16
الانتساب الانتساب : 17/01/2014

default أرجوكم.أحتاج مساعدة بسيطة .. والله لأدعي لكم .

في الثلاثاء فبراير 04, 2014 6:40 pm


أحتاج التعديل على هذا الكود الــ اتش ام ال

قائمة . يخرج منها قائمة فرعية
أنا احتاج ان يخرج قائمة باتجاه اليمين من كل قائمة فرعية

مثال للكود العادي



مثال لطلبي


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

اتمنى وصلت الفكرة

هذا الكود الذي يعمل على html ولكن احتاج التعديل
المذكور في الاعلى
واسف على الاطالة

الكود:
<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>
avatar
faisl2020
المشاركات المشاركات : 16
الانتساب الانتساب : 17/01/2014

default رد: أرجوكم.أحتاج مساعدة بسيطة .. والله لأدعي لكم .

في الخميس فبراير 06, 2014 5:07 pm


وين الردود أرجوكم

والله ما اخترت الا انتم !!!!!!!!!
avatar
Admin
الجنس الجنس : ذكر
العمر العمر : 21
المشاركات المشاركات : 7481
الانتساب الانتساب : 26/03/2012
الموقع الموقع : مصر
http://www.4egy.net

default رد: أرجوكم.أحتاج مساعدة بسيطة .. والله لأدعي لكم .

في الإثنين يوليو 06, 2015 4:10 am


ناسف لك اخى فى حالة اذا ما زلت فى احتيج للكود يرجى فتح موضوع جديد


:3121331:  :2131313:
ليس كل من استخدم برامج التصميم أصبح مصمم
ليس كل من اخذ سيرفر أصبح مستضيف
ليس كل من ركب هاك اصبح دعم فني
ليس كل من ركب صفحة أصبح مطور
ليس كل من كتب كود أصبح مبرمج

قلب1 قلب1 قلب1 
و لكن كل من تواضع لله أصبح محترف
شهــــادة أعتـــز بها
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
© phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | انشئ مدونتك الخاصة مجانيا