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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

تعديل كود css

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

تعديل كود css

مُساهمة من طرف king11 في الخميس 12 مارس 2015 - 13:15

السلام عليكم 

انا عندي كود قائمة منسدله وهي عباره عن 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; } 
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف DeLeTe في الخميس 12 مارس 2015 - 13:29

السلام عليكم..
ينقل الى قسم مشاكل التومبلايت الأكواد  Arrow
وسيساعدوك الخبراء بإذن الله
------------------------------
ممكن رابط منتداك؟ + صفحة القائمة المنسدلة للتسهيل على الخبراء..Cool
avatar
DeLeTe
 
 

ذكر
عدد المساهمات : 3160
معدل النشاط : 6956
السُمعة : 73

http://help.ahlamontada.com#

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

رد: تعديل كود css

مُساهمة من طرف king11 في الخميس 12 مارس 2015 - 13:33

تفضل رابط المنتدى ::  http://www.naruto-arabic.net/forum

وهذا كود ال html ::

الكود:
<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>
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف king11 في الخميس 12 مارس 2015 - 19:13

ياخبراء وينكم ...
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف king11 في الجمعة 13 مارس 2015 - 9:00

ياخبراء طلبي مو صعب كثير ليش هذا التاخير الكثير

من امس وانا انتظر ...
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف YasirAyad في الجمعة 13 مارس 2015 - 10:57

مرحبا بك عزيزي ..

تفضل

هذه كود مخصص لقائمه مست عند الضغط تظهر لك الروابط

الكود كامل مع السي اس اس اذا

الكود:
<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>

اذا كنت تريد السي اس اس على جنب ابحث على  <style> ثم انسخها وانت طالع لتحت انسخو كلو ..
لغايه </style>

روح ضعها ب سي اس اس المنتدى وقم بحذف
<style>
و
</style>
لاضافه الاقسام ابحث على

<option value="#">القسم الاول
</option>

ثم كرر نفسها اسفلها وهكذا .. Laughing
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12895
السُمعة : 295

http://yasirayad.com/

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

رد: تعديل كود css

مُساهمة من طرف king11 في الجمعة 13 مارس 2015 - 12:50

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; }  


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

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

رجاء لو سمحت  Laughing
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف king11 في الجمعة 13 مارس 2015 - 12:55

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

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

avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف YasirAyad في الجمعة 13 مارس 2015 - 13:26

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; }  


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

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

رجاء لو سمحت  Laughing

مش هينفع التطبيق على نفس الاكواد الي انت حاطها كده لان ببساطه الاوسمه المفتوحه تختلف كليا عن ما تريد كما اني وضعت لك كود عند الضغط عليه يفتح ويغلق ..

عموما ساحاول عمل الكود الجديد على المكان الذي حددته المشاركات Cool
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12895
السُمعة : 295

http://yasirayad.com/

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

رد: تعديل كود css

مُساهمة من طرف YasirAyad في الجمعة 13 مارس 2015 - 13:31

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

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


اعطيني الاكواد كامله ليس فقط الزر المعني عشان اعدل عليها مع التنسيق الكامل .. بالانتظار Arrow
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12895
السُمعة : 295

http://yasirayad.com/

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

رد: تعديل كود css

مُساهمة من طرف king11 في الجمعة 13 مارس 2015 - 13:42

الكود كامل !
::

الكود:
  <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>
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف YasirAyad في الجمعة 13 مارس 2015 - 14:06

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>


ليس الكود وحده يا اخي انت تريد وضعه في امكان في اي قالب في اي صفحه لاعرف ابرمج لك الكود على ما تريده ::دخت:
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12895
السُمعة : 295

http://yasirayad.com/

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

رد: تعديل كود css

مُساهمة من طرف YasirAyad في الجمعة 13 مارس 2015 - 14:10

شاعر زمانه كتب:مرحباً اخي العزيز
بخصوص هاذا الموضوع
http://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>
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12895
السُمعة : 295

http://yasirayad.com/

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

رد: تعديل كود css

مُساهمة من طرف king11 في الجمعة 13 مارس 2015 - 14:26

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

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


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

فقط
avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

رد: تعديل كود css

مُساهمة من طرف YasirAyad في الجمعة 13 مارس 2015 - 14:35

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

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


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

فقط 

 السي اس اس امكانياته محدوده لا تصل الى هذه الدرجه والعمال المساعده هو جافا سكربت لكي يتم هذه الامر يا اما صياغه الكود كامل من جديد ! 

بخصوص الكود شاعر زمانه يعمل عليه الان
avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11125
معدل النشاط : 12895
السُمعة : 295

http://yasirayad.com/

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

رد: تعديل كود css

مُساهمة من طرف شاعر زمانه في الجمعة 13 مارس 2015 - 15:14

مرحباً اخواني

تفضل الكود

الكود:
<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>

واعتذر على التدخل
avatar
شاعر زمانه
 
 

ذكر
عدد المساهمات : 1739
معدل النشاط : 3662
السُمعة : 52

http://instagram.com/_xa2

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

رد: تعديل كود css

مُساهمة من طرف king11 في الجمعة 13 مارس 2015 - 20:33

مشكور اخي

لاكن هناك مشكلة

شوف ::

عند الفتح ياخذ مساحه في المربع


avatar
king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1830
السُمعة : 0

http://www.naruto-arabic.net

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

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


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