منتدى الهزازي

برامج وتطبيقات واكواد هتمل و css منتديات ومواقع
 
الرئيسيةالرئيسية  بلوجر  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

ملاحظه =الرجاء اذا وجدت كود او رابط لايعمل التبليغ من هناء

التبادل الاعلاني
عناصرLanguage

شاهد منزلك من الفضاء الخارجي

مفاتيح دول العالم لللاتصال

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

معرب الكتابه على البرامج

المواضيع الأخيرة
سحابة الكلمات الدلالية

شاطر | 
 

 قائمة منسدلة هتمل

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
stones
اللقب:
المدير العام
الرتبه:
الصورة الرمزية

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2572
السٌّمعَة :
0
تاريخ التسجيل :
30/03/2012
العمر :
18
الموقع
sites-dalil.blogspot.com
العمل/الترفيه العمل/الترفيه :
بدون

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: قائمة منسدلة هتمل    الأحد 26 أبريل - 18:16

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


وهذا الكود



الكود:
<style type="text/css">

/* Dropdowns Menu */
#pop, #pop li ul {
 margin: 0;
 padding: 0;
 list-style: none;

      
      
      

}
#pop li a, #pop li a:link, #pop li a:visited {
 font: normal 12px Tahoma;
 color: #414A52;
 text-decoration: none;
 background: #CC00CC;
 display: block;
 padding: 5px 12px;
border: 5px solid #3B4CE3;
 border-radius: 5px 15px 5px 15px;


}
#pop li a:hover, #pop li a:active {
 color: #FFF;
 display: block;
 background: #2583AD;
 padding: 5px 12px;
}

#pop li li a, #pop li li a:link, #pop li li a:visited {
 background: #33CCCC;
 width: 175px;
 margin: 0;
 padding: 10px 20px;
 border-top: 10px solid #FFF;
  border-radius: 5px 15px 5px 15px;
margin-right: 10px;
top: 5px;right: 5px;
        border-width: thick;
        border-color: gold;
}

#pop li li a:hover, #pop li li a:active {
 background: #2583AD;
  margin-left:30px;
}

#pop li ul {
 position: absolute;
 width: 199px;
 display: none;
 right: 500;
  
}
#pop li:hover ul {
 display: block;
}



</style>  
<table style="background:#00FF66;width: 565px; height: 34px;" align="center" border="1" cellpadding="1" cellspacing="1">
              
 <tbody>
              
 <tr>
              
 <td style="text-align: center;">
              
 <ul id="pop">
                                                                                                                                                                            
 <li style="text-align: center;">
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 <ul>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 </ul>
                                                                                                                                                                            
 </li>
            
 </ul>
            
 </td>
              
 <td style="text-align: center;">
              
 <ul id="pop">
                                                                                                                                                                            
 <li style="text-align: center;">
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 <ul>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 </ul>
                                                                                                                                                                            
 </li>
            
 </ul>
            
 </td>
              
 <td style="text-align: center;">
              
 <ul id="pop">
                                                                                                                                                                            
 <li style="text-align: center;">
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 <ul>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 </ul>
                                                                                                                                                                            
 </li>
            
 </ul>
            
 </td>
              
 <td style="text-align: center;">
              
 <ul id="pop">
                                                                                                                                                                            
 <li style="text-align: center;">
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 <ul>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 </ul>
                                                                                                                                                                            
 </li>
            
 </ul>
            
 </td>
              
 <td style="text-align: center;">
              
 <ul id="pop">
                                                                                                                                                                            
 <li style="text-align: center;">
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 <ul>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 <li>
                                                                                      <a href="#">وصلة رئيسية أفقية</a>                                                                                      
 </li>
                                                                                                                                                                            
 </ul>
                                                                                                                                                                            
 </li>
            
 </ul>
            
 </td>
              
 </tr>
              
 </tbody>
</table>
        
<p style="text-align: center;">
              
</p>

وهذا كود مثل الاول لاكن من 6 خانات الروابط الملحقة

الكود:
<style type="text/css">

/* Dropdowns Menu */
#pop, #pop li ul {
 margin: 0;
 padding: 0;
 list-style: none;

     
     
     

}
#pop li a, #pop li a:link, #pop li a:visited {
 font: normal 12px Tahoma;
 color: #414A52;
 text-decoration: none;
 background: #CC00CC;
 display: block;
 padding: 5px 12px;
border: 5px solid #3B4CE3;
 border-radius: 5px 15px 5px 15px;


}
#pop li a:hover, #pop li a:active {
 color: #FFF;
 display: block;
 background: #2583AD;
 padding: 5px 12px;
}

#pop li li a, #pop li li a:link, #pop li li a:visited {
 background: #33CCCC;
 width: 175px;
 margin: 0;
 padding: 10px 20px;
 border-top: 10px solid #FFF;
  border-radius: 5px 15px 5px 15px;
margin-right: 10px;
top: 5px;right: 5px;
        border-width: thick;
        border-color: gold;
}

#pop li li a:hover, #pop li li a:active {
 background: #2583AD;
  margin-left:30px;
}

#pop li ul {
 position: absolute;
 width: 199px;
 display: none;
 right: 500;
 
}
#pop li:hover ul {
 display: block;
}



</style> 
<table style="background:#00FF66;width: 565px; height: 34px;" align="center" border="1" cellpadding="1" cellspacing="1">
                
   <tbody>
                   
      <tr>
                      
         <td style="text-align: center;">
                         
            <ul id="pop">
                                                                                                                                                                                          
               <li style="text-align: center;">
                                                                                                        <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                  <ul>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                          
                                                                                                                                                                                                
                  </ul>
                                                                                                                                                                                             
               </li>
                          
            </ul>
                       
         </td>
                      
         <td style="text-align: center;">
                         
            <ul id="pop">
                                                                                                                                                                                          
               <li style="text-align: center;">
                                                                                                        <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                  <ul>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                  </ul>
                                                                                                                                                                                             
               </li>
                          
            </ul>
                       
         </td>
                      
         <td style="text-align: center;">
                         
            <ul id="pop">
                                                                                                                                                                                          
               <li style="text-align: center;">
                                                                                                        <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                  <ul>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                  </ul>
                                                                                                                                                                                             
               </li>
                          
            </ul>
                       
         </td>
                      
         <td style="text-align: center;">
                         
            <ul id="pop">
                                                                                                                                                                                          
               <li style="text-align: center;">
                                                                                                        <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                  <ul>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                  </ul>
                                                                                                                                                                                             
               </li>
                          
            </ul>
                       
         </td>
                      
         <td style="text-align: center;">
                         
            <ul id="pop">
                                                                                                                                                                                          
               <li style="text-align: center;">
                                                                                                        <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                  <ul>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                 
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                     <li>
                                                                                                              <a href="#">وصلة رئيسية أفقية</a>                                                                                     
                     </li>
                                                                                                                                                                                                
                  </ul>
                                                                                                                                                                                             
               </li>
                          
            </ul>
                       
         </td>
                      
      </tr>
                   
   </tbody>
</table>
       
<p style="text-align: center;">
                
</p>




hip


الموضوع الأصلي : قائمة منسدلة هتمل المصدر : منتديات الهزازي كاتب الموضوع : stones
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

قائمة منسدلة هتمل

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

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
قائمة منسدلة هتمل , قائمة منسدلة هتمل , قائمة منسدلة هتمل ,قائمة منسدلة هتمل ,قائمة منسدلة هتمل , قائمة منسدلة هتمل
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ قائمة منسدلة هتمل ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد هتمل مع الشرح-