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

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


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

ممكن المساعدة من احد الخبراء

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

ممكن المساعدة من احد الخبراء

مُساهمة من طرف وهبة الساحر في الأربعاء 17 ديسمبر 2014 - 2:50

السلام عليكم ورحمة الله وبركاته
ممكن كود وصف القسم
مثال له:
avatar
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9534
معدل النشاط : 11711
السُمعة : 80

http://3arb-way.a7larab.net/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف HAMSAHAQ في الأربعاء 17 ديسمبر 2014 - 2:54

اخي هل تقصد  الاسم ولا  الاقسام الفرعية اذ لامس الماوس الكلام؟ لانك لم تضع سهم او اشارة على المطلوب؟
avatar
HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6828
السُمعة : 118

http://alhoub.arab.st/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف وهبة الساحر في الأربعاء 17 ديسمبر 2014 - 2:57

الاقسام الفرعية اذ لامس الماوس الكلام؟

تمام هو ده
avatar
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9534
معدل النشاط : 11711
السُمعة : 80

http://3arb-way.a7larab.net/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف HAMSAHAQ في الأربعاء 17 ديسمبر 2014 - 3:04

اخي الكريم  الكود مقسوم الى قسمين 
 الطريقة الاولى  هي نفس اضافة اقسام فرعية   وانت تعرفها 
   وبعد ان  فرزت وعملت الاقسام تاخذ رابط  كل قسم    وتضعه في وصف الاقسام 

الكود:

 
<ul class="menu_p">
    
   <li>
       
      <p>
           منتدى حواء و المطبخ والازياء وجمال والعناية بالبشرة وغيره 
      </p>
       
      <ul>
          
         <li>
              <a href="رابط القسم">اسم القسم </a> 
         </li>
          
         <li>
              <a href="رابط القسم">اسم القسم </a> 
         </li>
            
         <li>
              <a href="رابط القسم">اسم القسم </a> 
         </li>
          
         <li>
              <a href="رابط القسم">اسم القسم </a> 
         </li>


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

 والان القسم الاخر هو كود ورقة السي اس اس 
الكود:

/*  --hamsahaq-المنسدلةالاقسام الفرعية ----*/

    .menu_p, .menu_p ul {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    .menu_p {
            width: auto;
            margin: 2px;
    }
    .menu_p:before, .menu_p:after {
            content: "";
            display: table;
    }
    .menu_p:after {
            clear: both;
    }
    .menu_p {
            zoom:1;
    }
    .menu_p li {
            float: left;
            position: relative;
            margin-right: 10px;
    }
    .menu_p p {
            float: left;
            padding: 0;
            outline: none;
    }
    .menu_p ul {
            margin: 10px 0 0 0;
            _margin: 0; /*IE6 only*/
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 8px;
            left: 0;
            z-index: 999;
            background: #330000;
            border: 9px solid #ffffcc;
            border-radius: 18px;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    }
    .menu_p li:hover > ul {
            opacity: 1;
            visibility: visible;
            margin: 0;
    }
    .menu_p ul ul {
            top: 0;
            left: 150px;
            margin: 0 0 0 20px;
            _margin: 0; /*IE6 only*/
    }
    .menu_p ul li {
            float: none;
            display: block;
            border: 0;
            _line-height: 0; /*IE6 only*/
    }
    .menu_p ul a {
            padding: 6px;
            margin: 5px;
            _height: 10px; /*IE6 only*/
            display: block;
            white-space: nowrap;
            float: none;
            text-transform: none;
            outline: none;
    }
    .menu_p ul a:hover {
            background-color: #cccc66;
            margin: 9px;
            border-radius: 9px;
    }
/*  --hamsahaq-المنسدلةالاقسام الفرعية----*/



 وارجو ان تقبل اعتزاري
avatar
HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6828
السُمعة : 118

http://alhoub.arab.st/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف HAMSAHAQ في الأربعاء 17 ديسمبر 2014 - 3:04

@HAMSAHAQ كتب:اخي الكريم  الكود مقسوم الى قسمين 
 الطريقة الاولى  هي نفس اضافة اقسام فرعية   وانت تعرفها 
   وبعد ان  فرزت وعملت الاقسام تاخذ رابط  كل قسم    وتضعه في وصف الاقسام 

الكود:

  
<ul class="menu_p">
     
   <li>
        
      <p>
           وصف الفئة  
      </p>
        
      <ul>
           
         <li>
              <a href="رابط القسم">اسم القسم </a>  
         </li>
           
         <li>
              <a href="رابط القسم">اسم القسم </a>  
         </li>
             
         <li>
              <a href="رابط القسم">اسم القسم </a>  
         </li>
           
         <li>
              <a href="رابط القسم">اسم القسم </a>  
         </li>


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

 والان القسم الاخر هو كود ورقة السي اس اس 
الكود:

/*  --hamsahaq-المنسدلةالاقسام الفرعية ----*/

    .menu_p, .menu_p ul {
            margin: 0;
            padding: 0;
            list-style: none;
    }
    .menu_p {
            width: auto;
            margin: 2px;
    }
    .menu_p:before, .menu_p:after {
            content: "";
            display: table;
    }
    .menu_p:after {
            clear: both;
    }
    .menu_p {
            zoom:1;
    }
    .menu_p li {
            float: left;
            position: relative;
            margin-right: 10px;
    }
    .menu_p p {
            float: left;
            padding: 0;
            outline: none;
    }
    .menu_p ul {
            margin: 10px 0 0 0;
            _margin: 0; /*IE6 only*/
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 8px;
            left: 0;
            z-index: 999;
            background: #330000;
            border: 9px solid #ffffcc;
            border-radius: 18px;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    }
    .menu_p li:hover > ul {
            opacity: 1;
            visibility: visible;
            margin: 0;
    }
    .menu_p ul ul {
            top: 0;
            left: 150px;
            margin: 0 0 0 20px;
            _margin: 0; /*IE6 only*/
    }
    .menu_p ul li {
            float: none;
            display: block;
            border: 0;
            _line-height: 0; /*IE6 only*/
    }
    .menu_p ul a {
            padding: 6px;
            margin: 5px;
            _height: 10px; /*IE6 only*/
            display: block;
            white-space: nowrap;
            float: none;
            text-transform: none;
            outline: none;
    }
    .menu_p ul a:hover {
            background-color: #cccc66;
            margin: 9px;
            border-radius: 9px;
    }
/*  --hamsahaq-المنسدلةالاقسام الفرعية----*/



 وارجو ان تقبل اعتزاري
avatar
HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6828
السُمعة : 118

http://alhoub.arab.st/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف وهبة الساحر في الأربعاء 17 ديسمبر 2014 - 3:06

شكرا لتعبك معى Cool
شكرا للكود :تحية مع الشكر:
avatar
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9534
معدل النشاط : 11711
السُمعة : 80

http://3arb-way.a7larab.net/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف HAMSAHAQ في الأربعاء 17 ديسمبر 2014 - 3:13

@وهبة الساحر كتب:شكرا لتعبك معى Cool
شكرا للكود :تحية مع الشكر:
العفو اخي 
 كنت قد ارسلت الكود للقسم المعاينة ولم يتم الرد عليه الى هذه الساعة  
 ان شاء الله  راح اقدم الموضوع مرة اخرة حتى الجميع يستفيدو منه
avatar
HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 6828
السُمعة : 118

http://alhoub.arab.st/

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

رد: ممكن المساعدة من احد الخبراء

مُساهمة من طرف وهبة الساحر في الأربعاء 17 ديسمبر 2014 - 3:16

تم التجربة وتم عمل على النسخة الثانية جيدا!!
بتوفيق لكى مع تقديرى لكى اختى الفاضلة واتمنى لكى ايام سعيدة دئما Cool
avatar
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9534
معدل النشاط : 11711
السُمعة : 80

http://3arb-way.a7larab.net/

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

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


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