شبكة ديفي نت التطويرية

شبكة متخصصة بعالم التطوير والبرمجه والتصميم وكل مايتعلق بجديد عالم النت

الدخول

اهلا وسهلا بكم في شبكتنا

اهلا ومرحبا بك اخي واختي الزوار الكرام .. نرحب بكم في عائلة شبكة ديفي نت التطويرية .. يسعدنا اختياركم لموقعنا وان شاء الله سنقدم لكم الافضل .. تم تجديد الشبكة بنجاح .. الاستايل الجديد مازال قيد التطوير ولا أحلل سرقته ابداً

  • المواضيع الأخيرة

أفضل 10 أعضاء في هذا الأسبوع
لا يوجد مستخدم
أفضل 10 أعضاء في هذا الشهر
لا يوجد مستخدم

طلب كود

شبكة ديفي نت التطويرية | Deve-Net :: تطوير منتديات احلى منتدى :: ساحة المساعدة
شاطر
استعرض الموضوع التالياستعرض الموضوع السابق
نشر بتاريخ :- 09-08-2014    من طرف :: faycel
faycel
بلدي : الجزائر
مساهماتي : 24
التسجيل : 07/07/2014
عــمري : 25

طلب كود

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


مثل هذا


طلب كود Xror1u
مُشاطرة هذه المقالة على:reddit

الردود

انور سوفت
رد: طلب كود
الأربعاء 13 أغسطس 2014, 8:07 pmانور سوفت
إن شـــآء الله رح يتم لك من قبل الآخ H.A.SS.A.N



 29  بالتوفيق  29 
mohamedseraj
رد: طلب كود
الأربعاء 13 أغسطس 2014, 9:26 pmmohamedseraj
تفضل اخى 


كود html

يوضع فى وصف القسم


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



وهذا يوضع فى ورقة css


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


يغلق
تقييم المساهمة: 100% (1)

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