دعم أحلى منتدى

طلب كود سلايد شوو بشكل دوائر

4 مشترك

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

اذهب الى الأسفل

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

طلب كود سلايد شوو بشكل دوائر Empty رد: طلب كود سلايد شوو بشكل دوائر

مُساهمة من طرف Dr Godaddy الأربعاء 3 سبتمبر 2014 - 2:31

تفضل
Cool Laughing
الكود:
<style type="text/css">
.carousel {
    border: medium none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 930px;
}
.carousel .slides {
    border: medium none;
    height: 200px;
    list-style: none outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.carousel .slides .slideItem {
    border: medium none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.carousel .slides .slideItem a {
    border: medium none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
.carousel .slides .slideItem img {
    border: medium none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.carousel .nextButton, .carousel .prevButton, .carousel .buttonNav .bullet, .carousel .buttonNav .bulletActive {
    background-color: transparent;
    background-image: url("http://i39.servimg.com/u/f39/12/22/94/86/icons10.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.carousel .nextButton, .carousel .prevButton {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 90px;
    width: 34px;
    z-index: 9999;
}
.carousel .nextButton {
    background-position: 0 -34px;
    left: 44px;
}
.carousel .nextButton:hover {
    background-position: -34px -34px;
}
.carousel .nextButton:active {
    background-position: -68px -34px;
}
.carousel .prevButton {
    background-position: 0 0;
    right: 44px;
}
.carousel .prevButton:hover {
    background-position: -34px 0;
}
.carousel .prevButton:active {
    background-position: -68px 0;
}
.carousel .buttonNav {
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.carousel .buttonNav .numbers {
    cursor: pointer;
    float: left;
    margin: 5px;
    position: relative;
}
.carousel .buttonNav .numbers:hover {
}
.carousel .buttonNav .numberActive {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    cursor: default;
}
.carousel .buttonNav .bullet {
    background-position: -16px -68px;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 5px;
    position: relative;
    width: 16px;
}
.carousel .buttonNav .bullet:hover {
    background-position: 0 -68px;
}
.carousel .buttonNav .bulletActive {
    background-position: 0 -68px;
    cursor: default;
}
.carousel .shadow {
    height: 26px;
    width: 100%;
}

.carousel .shadow .shadowMiddle {
    background: url("http://i39.servimg.com/u/f39/12/22/94/86/shadow11.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
}
.carousel .shadow .shadowRight {
    background: url("http://i39.servimg.com/u/f39/12/22/94/86/shadow10.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    width: 69px;
}
.carousel {
    border: medium none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 930px;
}
.carousel .slides {
    border: medium none;
    height: 200px;
    list-style: none outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.carousel .slides .slideItem {
    border: medium none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.carousel .slides .slideItem a {
    border: medium none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
.carousel .slides .slideItem img {
    border: medium none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.carousel .nextButton, .carousel .prevButton {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 90px;
    width: 34px;
    z-index: 9999;
}
.carousel .nextButton {
    background-position: 0 -34px;
    left: 44px;
}

</style> <script src="https://layalyeg1.googlecode.com/svn/trunk/سلايد شو دائري/layalyeg.js" type="text/javascript"></script><script src="https://layalyeg1.googlecode.com/svn/trunk/سلايد شو دائري/layalyeg1.js" type="text/javascript"></script><script type="text/javascript">
  $(document).ready(function(){$('.carousel').carousel({carouselWidth:930,
  carouselHeight:240, frontWidth: 220,hMargin: 0.7, vMargin: 0.2,frontHeight: 220, buttonNav:'bullets',
  slidesPerScroll: 6, directionNav:true, shadow:true, autoplay: true, reflection:false });});</script>

            <div id="atab">
               <div class="carousel">
                  
                  <div class="slides">
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide110.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide210.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide310.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide410.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide510.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide610.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide710.png" /></a>
                     </div>
                     <div>
                        <a href="http://www.layalyeg.com/"><img title="تحويل ليالي مصريه" src="http://i39.servimg.com/u/f39/12/22/94/86/slide810.png" /></a>
                     </div>

      </div>
   </div>
</div>
Dr Godaddy
Dr Godaddy
 
 

ذكر
عدد المساهمات : 707
معدل النشاط : 5271
السُمعة : 28

http://www.a7la-masry.com/

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

طلب كود سلايد شوو بشكل دوائر Empty رد: طلب كود سلايد شوو بشكل دوائر

مُساهمة من طرف MR.KA!TO10 الأربعاء 3 سبتمبر 2014 - 4:22

اخي هذا رابط موضوعي الي اخذته منه ههههه 
الكود ناقصه جافا للأسف
MR.KA!TO10
MR.KA!TO10
 
 

ذكر
عدد المساهمات : 695
معدل النشاط : 5399
السُمعة : 9

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

طلب كود سلايد شوو بشكل دوائر Empty رد: طلب كود سلايد شوو بشكل دوائر

مُساهمة من طرف Mohamed الأربعاء 3 سبتمبر 2014 - 15:36

للاسف يا غالي الذي يوجد حاليا في منتدى الدعم كود سلايد شو احترافى



طلب كود سلايد شوو بشكل دوائر 31010
طلب كود سلايد شوو بشكل دوائر 410 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
طلب كود سلايد شوو بشكل دوائر 410 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
طلب كود سلايد شوو بشكل دوائر 410 لا يتم المساعدة على الخاص! 

Mohamed
Mohamed
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 11357
معدل النشاط : 16011
السُمعة : 454

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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

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