تعديل كود css

الكود:

#cssmenu{ height:0px; display:block; padding:0; margin:0px auto;  border:0px solid; border-radius:0px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; right:-10px;} 
  #cssmenu ul li.zza:hover > a{ background:#; border-color:#; padding-bottom:0px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.zza:hover > ul, #cssmenu ul li.zza:hover > div{display:block; top: 16px;} 
#cssmenu ul li.zza > a:hover{background:#; border-color:#;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:0px 0; background:#; border-radius:0 0 0px 0px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; right: -40px;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:0px 0px; Helvetica, sans-serif; color:#333; text-decoration:none; text-shadow:0px 0px 0; } 

الكود:

<div id='cssmenu'>
<ul>
  <li class='zza'><a href='#'><span><span style="font-size: 11px;">خيارات سريعة</span> <img src="http://i38.servimg.com/u/f38/17/96/86/31/menu_o10.gif" border="0" title="" alt=""></span></a>
      <ul>
        <li>
              <table class="tborder" cellpadding="4" cellspacing="1" border="0">
                     
      <tbody><tr>
               
                  <td class="thead">خيارات سريعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/search?search_id=newposts" target="_blank"> مشاركات اليوم </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/?mark=forums" target="_blank">  اجعل كافة الأقسام مقروءة  </a></td></tr>
<tr><td class="vbmenu_option vbmenu_option_alink" style="cursor: default;"><a href="/memberlist" target="_blank"> قائمة الأعضاء</a></td></tr>
      
      

      <tr><td class="thead"><a href="profile?mode=editprofile" target="_blank">  لوحة تحكم العضو  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=signature" target="_blank">  تعديل التوقيع </a></td></tr>
      <!--<tr><td class="vbmenu_option"><a href="profile?mode=editprofile&page_profil=avatarsr" target="_blank">  تعديل الصورة الرمزية</a>  </td></tr>-->
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile" target="_blank">  تعديل بياناتي  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=preferences" target="_blank">  تعديل الخيارات  </a></td></tr>
      

      <tr><td class="thead">خيارات متنوعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="privmsg" rel="nofollow" target="_blank">  الرسائل الخاصة </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="search?search_id=egosearch" rel="nofollow" target="_blank">  مواضيع مشترك بها  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="member.php?u=1" target="_blank"> الملف الشخصي  </a></td>
               
                  </tr>
      
      

      </tbody></table>
                         
        </li>

      </ul>
  </li>
</ul>
</div>

الكود:

<div class="widget-content">
<select class="labeldrob" onchange="location=this.options[this.selectedIndex].value;">
<option class="labtit">الأقسام</option>
<option value="#">القسم الاول
</option>
<option value="#">القسم الثاني
</option>
<option value="#">القسم الثالث
</option>
<option value="#">الفسم الرابع
</option>
<option value="#">الفسم الخامس
</option>
  
<option value="#">القسم السادس
</select>
 
    
  <style>
  

#LinkList1 a {
color: #fff;
display: inline-block;
font-weight: bold;
padding: 7px 10px;
text-align: center;
text-decoration: none;
transition: all 0.8s ease 0s;
}
#LinkList1 a:hover {background:#0062c4;}
#LinkList1 li ul {
display: none;
position: absolute;
z-index: 999;
}
#LinkList1 li:hover ul{display:block}
#cnmulink ul li {float: none;}
#cnmulink #sub-menu {padding-top: 4px;}
#sub-menu a {
background:#000;
border-bottom: 1px solid #bbb;
padding: 5px 10px;
text-align: right !important;
width: 150px;
}
.labeldrob {
background:#777;
border: 0 none;
color: #fff;
font: bold 14px droid arabic kufi;
height: 40px;
padding: 6px;
width: 95px;
transition: all 0.7s ease 0s;
}
.labeldrob:hover {background:#0062C4;cursor: pointer;}
.labtit:hover {background:#000; cursor:auto;}
.labeldrob option {
background:#000;
border-bottom: 1px solid #ccc;
box-shadow: none;
padding: 5px 10px;
transition: all 0.7s ease 0s;
}
 
 </style>

king11 كتب:السلام عليكم 

انا عندي كود قائمة منسدله وهي عباره عن html و css

وهي لما امرر الماوس عليها تظهر تلقائيا

والمطلوب هو :: عند الضغط على الزر تظهر القائمة (يعني ماابيها تظهر تلقائي)

كود ال css
::

الكود:

#cssmenu{ height:0px; display:block; padding:0; margin:0px auto;  border:0px solid; border-radius:0px; }  
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}  
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; right:-10px;}  
  #cssmenu ul li.zza:hover > a{ background:#; border-color:#; padding-bottom:0px; padding-top:13px; top:-1px; z-index:999; }  
#cssmenu ul li.zza:hover > ul, #cssmenu ul li.zza:hover > div{display:block; top: 16px;}  
#cssmenu ul li.zza > a:hover{background:#; border-color:#;}  
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:0px 0; background:#; border-radius:0 0 0px 0px; z-index:999; }  
#cssmenu ul li > ul{width:200px;}  
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; right: -40px;}  
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:0px 0px; Helvetica, sans-serif; color:#333; text-decoration:none; text-shadow:0px 0px 0; }  

king11 كتب:

king11 كتب:السلام عليكم 

انا عندي كود قائمة منسدله وهي عباره عن html و css

وهي لما امرر الماوس عليها تظهر تلقائيا

والمطلوب هو :: عند الضغط على الزر تظهر القائمة (يعني ماابيها تظهر تلقائي)

كود ال css
::

الكود:

#cssmenu{ height:0px; display:block; padding:0; margin:0px auto;  border:0px solid; border-radius:0px; }  
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}  
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; right:-10px;}  
  #cssmenu ul li.zza:hover > a{ background:#; border-color:#; padding-bottom:0px; padding-top:13px; top:-1px; z-index:999; }  
#cssmenu ul li.zza:hover > ul, #cssmenu ul li.zza:hover > div{display:block; top: 16px;}  
#cssmenu ul li.zza > a:hover{background:#; border-color:#;}  
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:0px 0; background:#; border-radius:0 0 0px 0px; z-index:999; }  
#cssmenu ul li > ul{width:200px;}  
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; right: -40px;}  
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:0px 0px; Helvetica, sans-serif; color:#333; text-decoration:none; text-shadow:0px 0px 0; }  

لوسمحت انا طلبت تعدل الكود هذا بحيث يفتح ويغلق عند الضغط عليه

انا ماطلبت غيره

رجاء لو سمحت 

king11 كتب:اذا تبي مثال حي للمشكلة ::  http://www.naruto-arabic.net/forum

مرر الماوس هنا ::

الكود:

  <td class="vbmenu_control">
       
<div id='cssmenu'>
<ul>
  <li class='zza'><a href='#'><span><span style="font-size: 11px;">خيارات سريعة</span> <img src="http://i38.servimg.com/u/f38/17/96/86/31/menu_o10.gif" border="0" title="" alt=""></span></a>
      <ul>
        <li>
              <table class="tborder" cellpadding="4" cellspacing="1" border="0">
                     
      <tbody><tr>
               
                  <td class="thead">خيارات سريعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/search?search_id=newposts" target="_blank"> مشاركات اليوم </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/?mark=forums" target="_blank">  اجعل كافة الأقسام مقروءة  </a></td></tr>
<tr><td class="vbmenu_option vbmenu_option_alink" style="cursor: default;"><a href="/memberlist" target="_blank"> قائمة الأعضاء</a></td></tr>
      
      

      <tr><td class="thead"><a href="profile?mode=editprofile" target="_blank">  لوحة تحكم العضو  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=signature" target="_blank">  تعديل التوقيع </a></td></tr>
      <!--<tr><td class="vbmenu_option"><a href="profile?mode=editprofile&page_profil=avatarsr" target="_blank">  تعديل الصورة الرمزية</a>  </td></tr>-->
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile" target="_blank">  تعديل بياناتي  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=preferences" target="_blank">  تعديل الخيارات  </a></td></tr>
      

      <tr><td class="thead">خيارات متنوعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="privmsg" rel="nofollow" target="_blank">  الرسائل الخاصة </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="search?search_id=egosearch" rel="nofollow" target="_blank">  مواضيع مشترك بها  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="member.php?u=1" target="_blank"> الملف الشخصي  </a></td>
               
                  </tr>
      
      

      </tbody></table>
                         
        </li>

      </ul>
  </li>
</ul>
</div>
<style type="text/css">

#cssmenu{ height:0px; display:block; padding:0; margin:0px auto;  border:0px solid; border-radius:0px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; right:-10px;} 
  #cssmenu ul li.zza:hover > a{ background:#; border-color:#; padding-bottom:0px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.zza:hover > ul, #cssmenu ul li.zza:hover > div{display:block; top: 16px;} 
#cssmenu ul li.zza > a:hover{background:#; border-color:#;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:0px 0; background:#; border-radius:0 0 0px 0px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; right: -40px;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:0px 0px; Helvetica, sans-serif; color:#333; text-decoration:none; text-shadow:0px 0px 0; } 
</style> 
           
          </td>

king11 كتب:الكود كامل !
::

الكود:

   <td class="vbmenu_control">
        
<div id='cssmenu'>
<ul>
   <li class='zza'><a href='#'><span><span style="font-size: 11px;">خيارات سريعة</span> <img src="http://i38.servimg.com/u/f38/17/96/86/31/menu_o10.gif" border="0" title="" alt=""></span></a>
      <ul>
         <li>
              <table class="tborder" cellpadding="4" cellspacing="1" border="0">
                      
      <tbody><tr>
                
                  <td class="thead">خيارات سريعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/search?search_id=newposts" target="_blank"> مشاركات اليوم </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/?mark=forums" target="_blank">  اجعل كافة الأقسام مقروءة  </a></td></tr>
<tr><td class="vbmenu_option vbmenu_option_alink" style="cursor: default;"><a href="/memberlist" target="_blank"> قائمة الأعضاء</a></td></tr>
      
      

      <tr><td class="thead"><a href="profile?mode=editprofile" target="_blank">  لوحة تحكم العضو  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=signature" target="_blank">  تعديل التوقيع </a></td></tr>
      <!--<tr><td class="vbmenu_option"><a href="profile?mode=editprofile&page_profil=avatarsr" target="_blank">  تعديل الصورة الرمزية</a>  </td></tr>-->
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile" target="_blank">  تعديل بياناتي  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=preferences" target="_blank">  تعديل الخيارات  </a></td></tr>
      

      <tr><td class="thead">خيارات متنوعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="privmsg" rel="nofollow" target="_blank">  الرسائل الخاصة </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="search?search_id=egosearch" rel="nofollow" target="_blank">  مواضيع مشترك بها  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="member.php?u=1" target="_blank"> الملف الشخصي  </a></td>
                
                  </tr>
      
      

      </tbody></table>
                          
        </li>

      </ul>
   </li>
</ul>
</div>
<style type="text/css">

#cssmenu{ height:0px; display:block; padding:0; margin:0px auto;  border:0px solid; border-radius:0px; }  
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}  
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative; right:-10px;}  
  #cssmenu ul li.zza:hover > a{ background:#; border-color:#; padding-bottom:0px; padding-top:13px; top:-1px; z-index:999; }  
#cssmenu ul li.zza:hover > ul, #cssmenu ul li.zza:hover > div{display:block; top: 16px;}  
#cssmenu ul li.zza > a:hover{background:#; border-color:#;}  
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:0px 0; background:#; border-radius:0 0 0px 0px; z-index:999; }  
#cssmenu ul li > ul{width:200px;}  
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative; right: -40px;}  
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:0px 0px; Helvetica, sans-serif; color:#333; text-decoration:none; text-shadow:0px 0px 0; }  
</style>  
            
          </td>

شاعر زمانه كتب:مرحباً اخي العزيز
بخصوص هاذا الموضوع
https://help.ahlamontada.com/t1075319-topic#4857696

تفضل الكود

الكود:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />


<a class="signin-link" href="#" onclick="document.getElementById('signin-dropdown').style.display = 'block'">خيارات سريعة</em> </a> </div> <div id="signin-dropdown" style="display: none;"> <div class="signin-dropdown"> <ul>
        <li>
              <table class="tborder" cellpadding="4" cellspacing="1" border="0">
                    
      <tbody><tr>
              
                  <td class="thead">خيارات سريعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/search?search_id=newposts" target="_blank"> مشاركات اليوم </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/?mark=forums" target="_blank">  اجعل كافة الأقسام مقروءة  </a></td></tr>
<tr><td class="vbmenu_option vbmenu_option_alink" style="cursor: default;"><a href="/memberlist" target="_blank"> قائمة الأعضاء</a></td></tr>
      
      
 
      <tr><td class="thead"><a href="profile?mode=editprofile" target="_blank">  لوحة تحكم العضو  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=signature" target="_blank">  تعديل التوقيع </a></td></tr>
      <!--<tr><td class="vbmenu_option"><a href="profile?mode=editprofile&page_profil=avatarsr" target="_blank">  تعديل الصورة الرمزية</a>  </td></tr>-->
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile" target="_blank">  تعديل بياناتي  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=preferences" target="_blank">  تعديل الخيارات  </a></td></tr>
      
 
      <tr><td class="thead">خيارات متنوعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="privmsg" rel="nofollow" target="_blank">  الرسائل الخاصة </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="search?search_id=egosearch" rel="nofollow" target="_blank">  مواضيع مشترك بها  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="member.php?u=1" target="_blank"> الملف الشخصي  </a></td>
              
                  </tr>
      
      
 
      </tbody></table>
                        
        </li>
 
      </ul>
  </li>
</ul> </div> </div> </div>  </div> </div> </div> </div> </div>


king11 كتب:انا رح اضع الكود في قالب :: overall_header

والكود اللي وضعه الأخ شاعر زمانه يفتح ولا يغلق وهو حذف الcss الخاص ب الوان الكود من الداخل


ياجماعه انا بس اريد تعديل الكود ال css يحيث يفتح ويغلق عند الضغط عليه بالماوس

فقط 

الكود:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<div class="spoiler"><script>
function showHide(what){
a=what.getElementsByTagName("div")[0];
if(a.style.display=='none'){
a.style.display='block';
}else{
a.style.display='none';
}}
</script>
 
<a h></a>
<a href="#open" onclick="showHide(this.parentNode)"><span><span style="font-size: 11px;">خيارات سريعة</span> <img src="http://i38.servimg.com/u/f38/17/96/86/31/menu_o10.gif" border="0" title="" alt=""></span></a>
<div id="open" style="display:none"><ul>
        <li>
              <table class="tborder" cellpadding="4" cellspacing="1" border="0">
                  
      <tbody><tr>
            
                  <td class="thead">خيارات سريعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/search?search_id=newposts" target="_blank"> مشاركات اليوم </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="/?mark=forums" target="_blank">  اجعل كافة الأقسام مقروءة  </a></td></tr>
<tr><td class="vbmenu_option vbmenu_option_alink" style="cursor: default;"><a href="/memberlist" target="_blank"> قائمة الأعضاء</a></td></tr>
    
    
 
      <tr><td class="thead"><a href="profile?mode=editprofile" target="_blank">  لوحة تحكم العضو  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=signature" target="_blank">  تعديل التوقيع </a></td></tr>
      <!--<tr><td class="vbmenu_option"><a href="profile?mode=editprofile&page_profil=avatarsr" target="_blank">  تعديل الصورة الرمزية</a>  </td></tr>-->
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile" target="_blank">  تعديل بياناتي  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="profile?mode=editprofile&page_profil=preferences" target="_blank">  تعديل الخيارات  </a></td></tr>
    
 
      <tr><td class="thead">خيارات متنوعة</td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="privmsg" rel="nofollow" target="_blank">  الرسائل الخاصة </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="search?search_id=egosearch" rel="nofollow" target="_blank">  مواضيع مشترك بها  </a></td></tr>
      <tr><td class="vbmenu_option vbmenu_option_alink"><a href="member.php?u=1" target="_blank"> الملف الشخصي  </a></td>
            
                  </tr>
    
    
 
      </tbody></table>
                      
        </li>
 
      </ul>
  </li>
</ul>
</div></div></div>