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

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


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

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

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

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

مُساهمة من طرف benzeram في الأربعاء 6 أغسطس 2014 - 21:23

اريد هذا الكود



لدي حق التومبيلات
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف hossam_h في الأربعاء 6 أغسطس 2014 - 21:34

بسم الله الرحمان الر

تفضل اخي العزيز

http://help.ahlamontada.com/t12180-topic#54941

ويمعنك تعديل الكود بالنسبة للصور

 مع التحية 
avatar
hossam_h



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

http://hossamhassan4.forumegypt.net/forum

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الأربعاء 6 أغسطس 2014 - 21:52

hossam_h كتب:
بسم الله الرحمان الر

تفضل اخي العزيز

http://help.ahlamontada.com/t12180-topic#54941

ويمعنك تعديل الكود بالنسبة للصور

 مع التحية 

لا داعي لردود العشوائية
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف 1BlaCk GlaSs في الأربعاء 6 أغسطس 2014 - 22:17

avatar
1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 5841
السُمعة : 98

http://www.e3tmadat.com/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الأربعاء 6 أغسطس 2014 - 23:08


انا اعرف كيف انشىء فئة و منتدى فرعي و منتدى ثانوي


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


و هو واضح في صورة


لا داعي لردود العشوائية
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف Mahmoud Eslam في الأربعاء 6 أغسطس 2014 - 23:16

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

مرحبا

اليوم معنا شرح عمل منتديات في نفس

خانة المنتدى بشكل تسلسلي ويمكن زيادة

عدد المنتديات بنسخ مسار من الكود نسخ ولصق

تحته او اعلاه مانسخته وهذا صورة من الشرح


تكبير الصورة معاينة الأبعاد الأصلية.


اولا وقبل كل شي نتوجه الى لوحة التحكم =مظهر المنتدى

تحت

الهيكل والترتيب نجد خيار

 إظهار الروابط المباشرة الى الأقسام الداخلية=ضعه مع صورة

على شان تبان لنا الروابط جوار الورقة الصغيرة

بعد كذا نختار المنتدى الي راح نعمل عليه منتديات

بشرحنا او ننشي جديد انت حر

اذا معنا كود نضعه في اسم المنتدى الاول والثاني

الى اخر منتدى والكود هو

الكود: ---------تضليل المحتوى
الكود:
         

ضعه في جميع اسماء المنتديات التي تريدها بشكل تسلسلي

بعد تظهر لك بشكل ذا


تكبير الصورة معاينة الأبعاد الأصلية.


اذا تنسخ الروابط للمنتديات وتضعهم ب الكود واحد بعد الاخر مع وضع اسم المنتدى

الان بعد ان وضعنا الروابط واسماء المنتديات

وين نضع الكود الكود يوضع في المنتدى

التابعه له المنتديات وفي الوصف تحت

وسجل بعد كذا بقي معنا خطوة اخيرة

وهي التوجه الى لوحة التحكم=مظهر المنتدى

تحت الهيكل والترتيب وخيار

إظهار الروابط المباشرة الى الأقسام الداخلية=ضعه لا

وسجل الان بقي معنا الكود وهذا هو

الكود: ---------تضليل المحتوى
الكود:
<ul>  <li><strong><span style="font-size:18px;"><a href="رابط المنتدى رقم 1">اسم المنتدى رقم 1</a></span></strong></li> <li><strong><span style="font-size:18px;"><a href="رابط المنتدى رقم 2">اسم المنتدى رقم 2</a></span></strong></li> <li><strong><span style="font-size:18px;"><a href="رابط المنتدى رقم 3">اسم المنتدى رقم 3</a></span></strong></li> <li><strong><span style="font-size:18px;"><a href="رابط المنتدى رقم 4">اسم المنتدى رقم 4</a></span></strong></li></ul>

-----------

كما تابع هنا ..
اظهار المنتديات الثانوية بطرق رائعة


ودى  Cool 
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5443
السُمعة : 53

http://help-pub.3oloum.org/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الأربعاء 6 أغسطس 2014 - 23:23

لا فائدة






مثال حي


avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف 1BlaCk GlaSs في الأربعاء 6 أغسطس 2014 - 23:35

هذا الكود
الكود:
<span style="font-size: 12px; color: rgb(0, 0, 0);
 font-family: Tahoma; background-color: rgb(255, 255, 255);"
class="genmed"><span class="genmed"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/1010.png"></span></span><div>
   
  <span class="genmed" style="color: rgb(0, 0, 0); font-family:
Tahoma; font-size: 12px;"><span class="genmed"><span
class="genmed"><span style="font-weight:
bold;">::</span><span style="font-weight: bold;"
class="genmed"><span style="color: rgb(0, 0,
128);">[تستطيع]</span></span></span></span></span><span
 style="color: rgb(0, 0, 0); font-family: Tahoma; font-weight:
bold;"> طلب تصميم خاص بمنتداك و الذي يناسب اذواقك ,, وكذالك تستطيع
رؤية ابداعات الاعضاء في مجال التصميم وتقديم النصائح لهم والاستفادة من
خبراتهم فضلاً عن تحديات في التصميم ,, </span>
</div><div>
</div><div align="right">
     
    <div class="list_carousel">
         
   
     <div style="display: block; text-align: start; float: none;
position: relative; top: auto; right: auto; bottom: auto; left: auto;
z-index: auto; width: 360px; height: 113px; margin: 0px; overflow:
hidden;" class="caroufredsel_wrapper">
             
       
    <ul style="text-align: left; float: none; position: absolute;
top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width:
360px; height: 60px;" id="foo3">
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f74-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/4a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f74-montada">الأوسمة والرتب</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f100-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/3a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f100-montada">تصاميم الفايس
بوك</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f61-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/1a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f61-montada">الواجهات</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f97-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/2a11.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f97-montada">التواقيع</a>
                </li>
                 
                <li>
                     <a class="topiclast" href="#"> </a>
                </li>
                 
            </ul>
             
        </div>
         
        <div class="clearfix">
             
        </div>
         
    </div>
</div><div align="right">
     
    <div class="list_carousel">
         
   
     <div style="display: block; text-align: start; float: none;
position: relative; top: auto; right: auto; bottom: auto; left: auto;
z-index: auto; width: 360px; height: 113px; margin: 0px; overflow:
hidden;" class="caroufredsel_wrapper">
             
       
    <ul style="text-align: left; float: none; position: absolute;
top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width:
360px; height: 60px;" id="foo3">
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f107-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/8a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f107-montada">الطلبات المنتهية</a>
 
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f102-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/7a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f102-montada">التصاميم الاخرى</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f14-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/6a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f14-montada">البنرات اعلانية</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f18-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/5a10.png"></a><a
 الحر"="" alt"الخط="" class="topiclast_title"
href="http://www.orliine.net/f18-montada">الخط الحر</a>
                </li>
                 
                <li>
                     <a class="topiclast" href="#"> </a>
                </li>
                 
            </ul>
             
        </div>
         
        <div class="clearfix">
             
        </div>
         
    </div>
</div><br>
باتباع الشرح الذي وضعه عبد السلام
ضع هذا الكود بوصف المنتدى وعدل روابط الاقسام والصور ان اردت
avatar
1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 5841
السُمعة : 98

http://www.e3tmadat.com/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الخميس 7 أغسطس 2014 - 0:22

AmEr DeSiGN كتب:هذا الكود
الكود:
<span style="font-size: 12px; color: rgb(0, 0, 0);
 font-family: Tahoma; background-color: rgb(255, 255, 255);"
class="genmed"><span class="genmed"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/1010.png"></span></span><div>
   
  <span class="genmed" style="color: rgb(0, 0, 0); font-family:
Tahoma; font-size: 12px;"><span class="genmed"><span
class="genmed"><span style="font-weight:
bold;">::</span><span style="font-weight: bold;"
class="genmed"><span style="color: rgb(0, 0,
128);">[تستطيع]</span></span></span></span></span><span
 style="color: rgb(0, 0, 0); font-family: Tahoma; font-weight:
bold;"> طلب تصميم خاص بمنتداك و الذي يناسب اذواقك ,, وكذالك تستطيع
رؤية ابداعات الاعضاء في مجال التصميم وتقديم النصائح لهم والاستفادة من
خبراتهم فضلاً عن تحديات في التصميم ,, </span>
</div><div>
</div><div align="right">
     
    <div class="list_carousel">
         
   
     <div style="display: block; text-align: start; float: none;
position: relative; top: auto; right: auto; bottom: auto; left: auto;
z-index: auto; width: 360px; height: 113px; margin: 0px; overflow:
hidden;" class="caroufredsel_wrapper">
             
       
    <ul style="text-align: left; float: none; position: absolute;
top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width:
360px; height: 60px;" id="foo3">
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f74-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/4a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f74-montada">الأوسمة والرتب</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f100-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/3a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f100-montada">تصاميم الفايس
بوك</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f61-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/1a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f61-montada">الواجهات</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f97-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/2a11.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f97-montada">التواقيع</a>
                </li>
                 
                <li>
                     <a class="topiclast" href="#"> </a>
                </li>
                 
            </ul>
             
        </div>
         
        <div class="clearfix">
             
        </div>
         
    </div>
</div><div align="right">
     
    <div class="list_carousel">
         
   
     <div style="display: block; text-align: start; float: none;
position: relative; top: auto; right: auto; bottom: auto; left: auto;
z-index: auto; width: 360px; height: 113px; margin: 0px; overflow:
hidden;" class="caroufredsel_wrapper">
             
       
    <ul style="text-align: left; float: none; position: absolute;
top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width:
360px; height: 60px;" id="foo3">
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f107-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/8a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f107-montada">الطلبات المنتهية</a>
 
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f102-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/7a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f102-montada">التصاميم الاخرى</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f14-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/6a10.png"></a><a
 class="topiclast_title"
href="http://www.orliine.net/f14-montada">البنرات اعلانية</a>
                </li>
                 
                <li>
   
                  <a style="" class="topiclast"
href="http://www.orliine.net/f18-montada"><img
src="http://i39.servimg.com/u/f39/15/56/98/16/5a10.png"></a><a
 الحر"="" alt"الخط="" class="topiclast_title"
href="http://www.orliine.net/f18-montada">الخط الحر</a>
                </li>
                 
                <li>
                     <a class="topiclast" href="#"> </a>
                </li>
                 
            </ul>
             
        </div>
         
        <div class="clearfix">
             
        </div>
         
    </div>
</div><br>
باتباع الشرح الذي وضعه عبد السلام
ضع هذا الكود بوصف المنتدى وعدل روابط الاقسام والصور ان اردت

لقد ظهر هكذا

avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف YasirAyad في الخميس 7 أغسطس 2014 - 16:26

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

تفضل الطريقة

الكود

الكود:
<div align="right">
   
   <div class="list_carousel">
      
      <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 360px; height: 113px; margin: 0px; overflow: hidden;">
         
         <ul id="foo3" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width: 360px; height: 60px;">
            
            <li>
                <a href="رابط الموضوع1" class="topiclast"><img src="رابط الصورة1" /></a><a href="رابط الموضوع1" class="topiclast_title">اسم الموضوع 1</a>
            </li>
            
            <li>
                <a href="رابط الموضوع 2" class="topiclast"><img src="رابط الصورة2" /></a><a href="رابط الموضوع2" class="topiclast_title">اسم الموضوع2</a>
            </li>
            
            <li>
                <a href="رابط الموضوع3" class="topiclast"><img src="رابط الصورة3" /></a><a href="رابط الموضوع3" class="topiclast_title">اسم الموضوع3</a>
            </li>
             
            <li>
                <a href="رابط الموضوع4" class="topiclast"><img src="رابط الصورة4" /></a><a href="رابط الموضوع4" class="topiclast_title">اسم الموضوع4</a>
            </li>
            
            <li>
                <a href="#" class="topiclast"> </a>
            </li>
            
         </ul>
         
      </div>
      
      <div class="clearfix">
         
      </div>
      
   </div>
</div>




وكود سي اس اس

الكود:
.list_carousel {
    margin: 20px auto auto;
    position: relative;
    width: 360px;
}
.list_carousel ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.list_carousel li {
    border-radius: 20px 20px 20px 20px;
}
.list_carousel li a.topiclast {
    display: block;
}
.list_carousel li a.topiclast img {
    -moz-transition: all 0.8s ease-in-out 0s;
    background-color: rgba(255, 255, 255, 0);
    border: 5px solid #FFFFFF;
    border-radius: 70px 70px 70px 70px;
    box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.32), 11px 8px 10px rgba(0, 0, 0, 0.09) inset;
    height: 50px;
    opacity: 0.3;
    width: 50px;
}
.list_carousel li a.topiclast img:hover {
    -moz-transform: rotate(360deg);
    opacity: 1;
}
.list_carousel li a.topiclast_title {
    color: gray;
  font-weight: bold;
    font: 16px mdgess1;
}
.list_carousel li {
    color: #999999;
    display: block;
    float: left;
    font-size: 40px;
    margin: 6px;
    padding: 0;
    text-align: center;
}
.list_carousel.responsive {
    margin-left: 0;
    width: auto;
}


لا تنسى التعديل على كود الهتميل ووضع التعديلات كما وضعت لك الاسم بالعربي للمواضيع والصور Wink 

 Laughing Wink Wink Wink 
avatar
YasirAyad
 
 

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

http://yasirayad.com/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الخميس 7 أغسطس 2014 - 22:52

new.moon كتب:مرحبا بك عزيزي..

تفضل الطريقة

الكود

الكود:
<div align="right">
   
   <div class="list_carousel">
      
      <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 360px; height: 113px; margin: 0px; overflow: hidden;">
         
         <ul id="foo3" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width: 360px; height: 60px;">
            
            <li>
                <a href="رابط الموضوع1" class="topiclast"><img src="رابط الصورة1" /></a><a href="رابط الموضوع1" class="topiclast_title">اسم الموضوع 1</a>
            </li>
            
            <li>
                <a href="رابط الموضوع 2" class="topiclast"><img src="رابط الصورة2" /></a><a href="رابط الموضوع2" class="topiclast_title">اسم الموضوع2</a>
            </li>
            
            <li>
                <a href="رابط الموضوع3" class="topiclast"><img src="رابط الصورة3" /></a><a href="رابط الموضوع3" class="topiclast_title">اسم الموضوع3</a>
            </li>
              
            <li>
                <a href="رابط الموضوع4" class="topiclast"><img src="رابط الصورة4" /></a><a href="رابط الموضوع4" class="topiclast_title">اسم الموضوع4</a>
            </li>
            
            <li>
                <a href="#" class="topiclast"> </a>
            </li>
            
         </ul>
         
      </div>
      
      <div class="clearfix">
         
      </div>
      
   </div>
</div>




وكود سي اس اس

الكود:
.list_carousel {
    margin: 20px auto auto;
    position: relative;
    width: 360px;
}
.list_carousel ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.list_carousel li {
    border-radius: 20px 20px 20px 20px;
}
.list_carousel li a.topiclast {
    display: block;
}
.list_carousel li a.topiclast img {
    -moz-transition: all 0.8s ease-in-out 0s;
    background-color: rgba(255, 255, 255, 0);
    border: 5px solid #FFFFFF;
    border-radius: 70px 70px 70px 70px;
    box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.32), 11px 8px 10px rgba(0, 0, 0, 0.09) inset;
    height: 50px;
    opacity: 0.3;
    width: 50px;
}
.list_carousel li a.topiclast img:hover {
    -moz-transform: rotate(360deg);
    opacity: 1;
}
.list_carousel li a.topiclast_title {
    color: gray;
  font-weight: bold;
    font: 16px mdgess1;
}
.list_carousel li {
    color: #999999;
    display: block;
    float: left;
    font-size: 40px;
    margin: 6px;
    padding: 0;
    text-align: center;
}
.list_carousel.responsive {
    margin-left: 0;
    width: auto;
}


لا تنسى التعديل على كود الهتميل ووضع التعديلات كما وضعت لك الاسم بالعربي للمواضيع والصور Wink 

 Laughing Wink Wink Wink 

شكرا لك


  جازاك الله خيراً 




تم الحل


  
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الجمعة 8 أغسطس 2014 - 17:40

اريد طريقة توسيط الكود
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف Mahmoud Eslam في الجمعة 8 أغسطس 2014 - 17:43

اهلا بك ,
تفضل الكود بالتوسيط ..  Idea 

الكود:
<div align="center">        .list_carousel {
            margin: 20px auto auto;
            position: relative;
            width: 360px;
        }
        .list_carousel ul {
            display: block;
            list-style: none outside none;
            margin: 0;
            padding: 0;
        }
        .list_carousel li {
            border-radius: 20px 20px 20px 20px;
        }
        .list_carousel li a.topiclast {
            display: block;
        }
        .list_carousel li a.topiclast img {
            -moz-transition: all 0.8s ease-in-out 0s;
            background-color: rgba(255, 255, 255, 0);
            border: 5px solid #FFFFFF;
            border-radius: 70px 70px 70px 70px;
            box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.32), 11px 8px 10px rgba(0, 0, 0, 0.09) inset;
            height: 50px;
            opacity: 0.3;
            width: 50px;
        }
        .list_carousel li a.topiclast img:hover {
            -moz-transform: rotate(360deg);
            opacity: 1;
        }
        .list_carousel li a.topiclast_title {
            color: gray;
          font-weight: bold;
            font: 16px mdgess1;
        }
        .list_carousel li {
            color: #999999;
            display: block;
            float: left;
            font-size: 40px;
            margin: 6px;
            padding: 0;
            text-align: center;
        }
        .list_carousel.responsive {
            margin-left: 0;
            width: auto;
        }</div>

ودى لك اخى الغالى ..  silent 
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5443
السُمعة : 53

http://help-pub.3oloum.org/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الجمعة 8 أغسطس 2014 - 18:01

اكواد html لا تعمل في css
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف Mahmoud Eslam في الجمعة 8 أغسطس 2014 - 18:05

اهلا بك ,
تفضل الكود الثانى css بالوسط

الكود:
<div align="center">        <div align="right">
          
           <div class="list_carousel">
             
              <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 360px; height: 113px; margin: 0px; overflow: hidden;">
                
                 <ul id="foo3" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 15px; margin: 0px; width: 360px; height: 60px;">
                   
                    <li>
                        <a href="رابط الموضوع1" class="topiclast"><img src="رابط الصورة1" /></a><a href="رابط الموضوع1" class="topiclast_title">اسم الموضوع 1</a>
                    </li>
                   
                    <li>
                        <a href="رابط الموضوع 2" class="topiclast"><img src="رابط الصورة2" /></a><a href="رابط الموضوع2" class="topiclast_title">اسم الموضوع2</a>
                    </li>
                   
                    <li>
                        <a href="رابط الموضوع3" class="topiclast"><img src="رابط الصورة3" /></a><a href="رابط الموضوع3" class="topiclast_title">اسم الموضوع3</a>
                    </li>
                     
                    <li>
                        <a href="رابط الموضوع4" class="topiclast"><img src="رابط الصورة4" /></a><a href="رابط الموضوع4" class="topiclast_title">اسم الموضوع4</a>
                    </li>
                   
                    <li>
                        <a href="#" class="topiclast"> </a>
                    </li>
                   
                 </ul>
                
              </div>
             
              <div class="clearfix">
                
              </div>
             
           </div>
        </div></div>

تقديرى لك واهتمامى ^^  Cool 
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5443
السُمعة : 53

http://help-pub.3oloum.org/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف benzeram في الجمعة 8 أغسطس 2014 - 19:42

لم يعمل
avatar
benzeram



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

http://gamesonline.3rab.pro/

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

رد: كود الاقسام الفرعية

مُساهمة من طرف Mahmoud Eslam في الجمعة 8 أغسطس 2014 - 19:44

اهلا بك اخى ,
انت طلبت منى ان اجعله بالمنتصف فقمت بجعله بالمنتصف فقط ^^
الكود قدمه لك الاخ المساعد لست أنا #  I love you 
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5443
السُمعة : 53

http://help-pub.3oloum.org/

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

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


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