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

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

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


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

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

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

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

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

المواضيع الأخيرة
» صنع اشكال متحركه افتر افاكت
الأربعاء 20 سبتمبر - 22:30 من طرف stones

» اظهار الكتابه بشكل تدريجي مع الماسك افتر افاكت
الإثنين 18 سبتمبر - 21:13 من طرف stones

» تحويل الايطار الى نقاط على برنامج اليستريتور
الأحد 17 سبتمبر - 21:46 من طرف stones

» خلفيات جاهزة ضمن برنامج افتر افاكت
الجمعة 15 سبتمبر - 22:40 من طرف stones

» شرح اداة اليستريتور make with warp
الجمعة 15 سبتمبر - 22:35 من طرف stones

» التعرف على عمل اداة من ادوات اليستريتور لصور والخط
الأربعاء 13 سبتمبر - 20:10 من طرف stones

» كيفية تقاطع الرسوم فيما بينها اليستريتور
الإثنين 11 سبتمبر - 22:17 من طرف stones

» كيفية انشاء مبنى ببرنامج Illustrator
السبت 9 سبتمبر - 19:45 من طرف stones

» انشاء طرقات ببرنامج Adobe Illustrator
الجمعة 8 سبتمبر - 18:23 من طرف stones

» عمل موجات مائية او هوائية على مقطع الفديو او الصور افتر افاكت
الثلاثاء 5 سبتمبر - 19:59 من طرف stones

سحابة الكلمات الدلالية
99CC33 000000

شاطر | 
 

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

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

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2598
السٌّمعَة :
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
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ قائمة منسدلة هتمل ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد هتمل مع الشرح-