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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
zaydoon
 
JAR7
 
الزعيم
 
DeLeTe
 
yobhy
 
احزان القلب
 
Anas 1657
 
FRED RAY
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

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

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

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

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

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



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

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

http://gamesonline.3rab.pro/

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

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

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

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

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

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

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

 مع التحية 

hossam_h



ذكر
عدد المساهمات : 27
معدل النشاط : 819

http://hossamhassan4.forumegypt.net/forum

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

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

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

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

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

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

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

 مع التحية 

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

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

http://gamesonline.3rab.pro/

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

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

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


1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 5487

http://www.e3tmadat.com/

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

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

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


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


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


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


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

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

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 

Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5081

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

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

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

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

لا فائدة






مثال حي



benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

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>
باتباع الشرح الذي وضعه عبد السلام
ضع هذا الكود بوصف المنتدى وعدل روابط الاقسام والصور ان اردت

1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 5487

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>
باتباع الشرح الذي وضعه عبد السلام
ضع هذا الكود بوصف المنتدى وعدل روابط الاقسام والصور ان اردت

لقد ظهر هكذا


benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

http://gamesonline.3rab.pro/

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

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

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

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

ذكر
عدد المساهمات : 10637
معدل النشاط : 12009

http://ahlamontada.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 

شكرا لك


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




تم الحل


  

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

http://gamesonline.3rab.pro/

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

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

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

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

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

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 

Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5081

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

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

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

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

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

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

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 

Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5081

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

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

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

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

لم يعمل

benzeram



ذكر
عدد المساهمات : 47
معدل النشاط : 1721

http://gamesonline.3rab.pro/

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

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

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

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

Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2909
معدل النشاط : 5081

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

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

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


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