مركز الإعتمادات العربى
مرحبا بك في مركز الإعتمادات العربي

تشرفنا زيارتك لنا وندعوك الى التسجيل وانضمام لنا والتمتع بخدماتنا المتميزة

مركز الإعتمادات العربى

إعتمادات أحلى منتدى , خدمات الإعتمادات و المعاملات المالية
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 كود المواضيع المميز بالتومبيلات و css

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
C.RONALDO
عضو سوبر
عضو سوبر


ذكر
عدد المساهمات : 6051
التقييم : 5
العمر : 20
احترام قوانين المنتدى :

مُساهمةموضوع: كود المواضيع المميز بالتومبيلات و css   الأحد 11 مايو - 11:18

السلام عليكم

صورة الكود قبل مرور الماوس  :لبيلبي: 

صور الكود بعد مرور الماوس  :vcxvcxvxc: 

الكود مقسم لجزئين الاول يوضع بالتومبيلات او التشكيلات العامة والثاني يوضع باكواد css

الكود الاول
الرمز:
<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: 960px; height: 185px; 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: 4060px; height: 185px;"><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li style="margin-right: 21px;"><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li><li><a href="#" class="topiclast"><img src="http://i55.servimg.com/u/f55/15/56/98/16/untitl11.png"></a><a href="#" class="topiclast_title">شركة اورلاين</a></li></ul></div><div class="clearfix"></div><a href="#" class="prev" id="prev3" style="display: block;"></a><a href="#" class="next" id="next3" style="display: block;"></a></div>

الكود الثاني
الرمز:
.list_carousel {
    margin: 20px auto auto;
    position: relative;
    width: 960px;
}
.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: 123px;
    opacity: 0.3;
    width: 133px;
}
.list_carousel li a.topiclast img:hover {
    -moz-transform: rotate(360deg);
    opacity: 1;
}
.list_carousel li a.topiclast_title {
    color: gray;
    font: 16px mdgess1;
    text-decoration: none;
}
.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;
}

الكود من تحويلي لدلك يرجى عند النقل دكر المصدر

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.orliine.com/
زائر
زائر



مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الأربعاء 28 مايو - 0:25

ينقل للقسم المناسب

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


ذكر
عدد المساهمات : 6051
التقييم : 5
العمر : 20
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الأربعاء 4 يونيو - 23:24

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.orliine.com/
كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة
AmEr-Dz
عضو سوبر
عضو سوبر



ذكر
عدد المساهمات : 6648
التقييم : 4
العمر : 21
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الجمعة 4 يوليو - 6:59

شكرا [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة

واصل عزيزي ,,,,#

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



ذكر
عدد المساهمات : 11207
التقييم : 5
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الإثنين 14 يوليو - 3:46

شكراً على هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://khlykco0ol.egyptfree.net/
AmEr DeSiGN
عضو سوبر
عضو سوبر


ذكر
عدد المساهمات : 18267
التقييم : 0
العمر : 17
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الإثنين 25 أغسطس - 4:53

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ibda3araby.com/
mama hana
عضو جديد
عضو جديد


عدد المساهمات : 57
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الإثنين 25 أغسطس - 4:56

رااائع جزاااك الله خيرااا

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


ذكر
عدد المساهمات : 7109
التقييم : 8
العمر : 28
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الثلاثاء 7 أكتوبر - 10:47

موضوع مميز وجميل بارك الله فيك
واصل ابداعك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.br3k.com/vb/
انور زياية
وكيل اعتمادات الجزائر
وكيل اعتمادات الجزائر



ذكر
عدد المساهمات : 14097
التقييم : 24
العمر : 54
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الإثنين 16 فبراير - 19:57

شكرا [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة

واصل عزيزي ,,,,#

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://educ47online.0wn0.com/
asmaa.fr
عضو سوبر
عضو سوبر



انثى
عدد المساهمات : 6181
التقييم : 5
العمر : 17
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الخميس 26 مارس - 14:16

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://banatwebas2011.yoo7.com/
JAR7
عضو سوبر
عضو سوبر



انثى
عدد المساهمات : 13599
التقييم : 39
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الثلاثاء 25 أغسطس - 19:05

ينقل للقسم المناسب

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abd El Hafidh
عضو نشيط
عضو نشيط


عدد المساهمات : 391
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: كود المواضيع المميز بالتومبيلات و css   الأربعاء 2 سبتمبر - 11:06

بارك الله فيك على الموضوع القيم والمميز
وفي انتظار جديدك الأروع والمميز
لك مني أجمل التحيات
وكل التوفيق لك يا رب

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود المواضيع المميز بالتومبيلات و css
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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