منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات 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; } 

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

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

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

DeLeTe
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 3152
معدل النشاط : 6620

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>

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

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

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

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

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

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

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

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

مُساهمة من طرف new.moon في الجمعة 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

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10713
معدل النشاط : 12146

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

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

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

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

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


king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

مُساهمة من طرف new.moon في الجمعة 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

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10713
معدل النشاط : 12146

http://yasirayad.com/

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

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

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

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

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


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

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10713
معدل النشاط : 12146

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>

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

مُساهمة من طرف new.moon في الجمعة 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>


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

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10713
معدل النشاط : 12146

http://yasirayad.com/

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

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

مُساهمة من طرف new.moon في الجمعة 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>

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10713
معدل النشاط : 12146

http://yasirayad.com/

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

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

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

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

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


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

فقط

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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

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

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

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


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

فقط 

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

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

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10713
معدل النشاط : 12146

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>

واعتذر على التدخل

شاعر زمانه
 
 

ذكر
عدد المساهمات : 1735
معدل النشاط : 3340

http://javascript:self.close()

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

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

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

مشكور اخي

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

شوف ::

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



king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1514

http://www.naruto-arabic.net

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

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


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