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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة
Dr Godaddy
 
 
Dr Godaddy


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

طلب كود سلايد شوو بشكل دوائر Empty
مُساهمةموضوع: رد: طلب كود سلايد شوو بشكل دوائر   طلب كود سلايد شوو بشكل دوائر Emptyالأربعاء 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>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.a7la-masry.com/
MR.KA!TO10
 
 
MR.KA!TO10


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

طلب كود سلايد شوو بشكل دوائر Empty
مُساهمةموضوع: رد: طلب كود سلايد شوو بشكل دوائر   طلب كود سلايد شوو بشكل دوائر Emptyالأربعاء 3 سبتمبر 2014 - 4:22

اخي هذا رابط موضوعي الي اخذته منه ههههه 
الكود ناقصه جافا للأسف
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mohamed
احلى إدارة
احلى إدارة
Mohamed


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

طلب كود سلايد شوو بشكل دوائر Empty
مُساهمةموضوع: رد: طلب كود سلايد شوو بشكل دوائر   طلب كود سلايد شوو بشكل دوائر Emptyالأربعاء 3 سبتمبر 2014 - 15:36

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



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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة
 
طلب كود سلايد شوو بشكل دوائر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» حصريا ... كود css جعل أيطار المنتدى بشكل دوائر
» اريد كود سلايد شو بشكل دائري
» طلب كود سلايد شو
» طلب كود شو سلايد
» مطلوب كود جعل المواضيع بشكل افقي والردود بشكل عمودي

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"-
انتقل الى: