طلب كود سلايد شو مثل منتديات انمي تون

4 مشترك

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

ÞíÏ ÇáÏÑÇÓÉ طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف ⊱Queen⊰ الأربعاء 22 مايو 2019 - 11:03

احتاج الى كود سلايد شو مثل هذا 




طلب كود سلايد شو مثل منتديات انمي تون 122110


الموجود في منتديات انمي تون
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 138
معدل النشاط : 2375
السُمعة : 0

https://ar-support.yoo7.com/

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف دودي. الخميس 23 مايو 2019 - 2:52

هلا
تفضلي الكود
وضع الكود التومبلايتات و القوالب -  إدارة عامة - index_body
في بدايه صفحة
الكود:
<title>Simple Carousel - Bootsnipp.com</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <style type="text/css">
    body{padding-top:20px;}
.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
 left: -12px;
    height: 40px;
 width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
 right: -12px;
}
/* The indicators */
.carousel-indicators {
 right: 50%;
 top: auto;
 bottom: -10px;
 margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
 background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}    </style>
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        window.alert = function(){};
        var defaultCSS = document.getElementById('bootstrap-css');
        function changeCSS(css){
            if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />');
            else $('head > link').filter(':first').replaceWith(defaultCSS);
        }
        $( document ).ready(function() {
          var iframe_height = parseInt($('html').height());
          window.parent.postMessage( iframe_height, 'https://bootsnipp.com');
        });
    </script>
</head>
<body>
    <div class="container">
    <div class="row">
 <div class="col-md-12">
                <div id="Carousel" class="carousel slide">
                
                <ol class="carousel-indicators">
                    <li data-target="#Carousel" data-slide-to="0" class=""></li>
                    <li data-target="#Carousel" data-slide-to="1" class=""></li>
                    <li data-target="#Carousel" data-slide-to="2" class="active"></li>
                </ol>
                
                <!-- Carousel items -->
                <div class="carousel-inner">
                    
                <div class="item">
                 <div class="row">
                                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155727004309191.png
" alt="Image" style="max-width:100%;"></a></div>
                                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155727004310822.png
" alt="Image" style="max-width:100%;"></a></div>
                                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155852390719451.png
" alt="Image" style="max-width:100%;"></a></div>
                                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155718903326851.png
" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155830655521791.png
" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155718082417471.png
" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155614576948172.png
" alt="Image" style="max-width:100%;"></a></div>
                  <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155761317892321.png
" alt="Image" style="max-width:100%;"></a></div>
                 </div><!--.row-->
                </div><!--.item-->
                
                <div class="item">
                 <div class="row">
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155735298907411.png


" alt="Image" style="max-width:100%;"></a></div>
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155761317892321.png
" alt="Image" style="max-width:100%;"></a></div>
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155830655521791.png
" alt="Image" style="max-width:100%;"></a></div>
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155614576948172.png
" alt="Image" style="max-width:100%;"></a></div>
                 </div><!--.row-->
                </div><!--.item-->
                
                <div class="item active">
                 <div class="row">
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155812772789511.png
" alt="Image" style="max-width:100%;"></a></div>
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at15554104640752.png
" alt="Image" style="max-width:100%;"></a></div>
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at15581229558241.png
" alt="Image" style="max-width:100%;"></a></div>
                 <div class="col-md-3"><a href="#" class="thumbnail"><img src="https://www.anime-tooon.com/up/uploads/at155579070661381.png
" alt="Image" style="max-width:100%;"></a></div>
                 </div><!--.row-->
                </div><!--.item-->
                
                </div><!--.carousel-inner-->
                  
                </div><!--.Carousel-->
                
 </div>
 </div>
</div><!--.container--> <script type="text/javascript">
 $(document).ready(function() {
    $('#Carousel').carousel({
        interval: 5000
    })
}); </script>


</body></html>
يمكنك تغير الصور كما يحلو لك
دودي.
دودي.
 
 

ذكر
عدد المساهمات : 3596
معدل النشاط : 9766
السُمعة : 67

http://lover4.yoo7.com

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف ⊱Queen⊰ الخميس 23 مايو 2019 - 12:09

حلو ويشتغل بس في خلل عملو بالمنتدى 
خط الاقسام خربطو  
طلب كود سلايد شو مثل منتديات انمي تون Captur11
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 138
معدل النشاط : 2375
السُمعة : 0

https://ar-support.yoo7.com/

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف دودي. الخميس 23 مايو 2019 - 15:39

لا علاقة بالكةد بخط الاقسام
تاكدي من وضع الكود كما وضحت لكي
دودي.
دودي.
 
 

ذكر
عدد المساهمات : 3596
معدل النشاط : 9766
السُمعة : 67

http://lover4.yoo7.com

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف ⊱Queen⊰ الخميس 23 مايو 2019 - 17:31

عملت مثل ماقلتلي
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 138
معدل النشاط : 2375
السُمعة : 0

https://ar-support.yoo7.com/

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف omarpop23 السبت 25 مايو 2019 - 2:51

omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف ⊱Queen⊰ السبت 25 مايو 2019 - 13:26

مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 138
معدل النشاط : 2375
السُمعة : 0

https://ar-support.yoo7.com/

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف omarpop23 الأحد 26 مايو 2019 - 10:21

⊱Queen⊰ كتب:
مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون
يمكنك استعماله مره اخرى في اي مكان تريديه ويمكن التعديل علي كل سلايد علي حدي ليصبح مثل انمي تون
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف ⊱Queen⊰ الأحد 26 مايو 2019 - 23:03

omarpop23 كتب:
⊱Queen⊰ كتب:
مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون
يمكنك استعماله مره اخرى في اي مكان تريديه ويمكن التعديل علي كل سلايد علي حدي ليصبح مثل انمي تون
طب غيرو اخي 
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 138
معدل النشاط : 2375
السُمعة : 0

https://ar-support.yoo7.com/

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف ⊱Queen⊰ الأربعاء 5 يونيو 2019 - 23:40

مر عدة ايام ولم اجد المساعدة ؟؟؟؟؟؟؟
⊱Queen⊰
⊱Queen⊰
 
 

انثى
عدد المساهمات : 138
معدل النشاط : 2375
السُمعة : 0

https://ar-support.yoo7.com/

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف omarpop23 الإثنين 10 يونيو 2019 - 14:41

اسف علي التأخير لكن لدي عذري

احذفي السلايد شو القديم وتابعي الشرح التالي

اولاً: قم بتعديل قالب الـ overall_header

ابحث عن
الكود:
</head>
و الصق اعلاه الكود التالي
الكود:
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/nolimits4web/swiper/master/dist/css/swiper.min.css" />

صورة توضيحيه:
طلب كود سلايد شو مثل منتديات انمي تون Captur16

ثم ابحث عن
الكود:
<div id="page-body">
ثم الصق اعلاها كود محتوى السلايد التالي
الكود:

<!--  Start Swiper  -->
<div class="swiper-container">
  <div class="swiper-wrapper">
      <section id="slid_1" class="swiper-slide bgheader">
        <!--  ---- بداية المجموعة الأولى ------  -->     
      <div align="center" style="">
        <a href="https://www.anime-tooon.com/threads/30746/">  <img alt="تقارير الانمي" src="https://www.anime-tooon.com/up/uploads/at155735298907411.png" /></a>  <a href="https://www.anime-tooon.com/threads/31040/">  <img alt="اصدار رمضان" src="https://www.anime-tooon.com/up/uploads/at155986642683813.png" /></a>  <br />     
      </div>
        <!--  ---- نهاية المجموعة الأولى ------  -->         
      </section>
      <section id="slid_2" class="swiper-slide bgheader">
        <!--  ---- بداية المجموعة الثانية ------  -->     
      <div align="center" style="">
        <a href="https://www.anime-tooon.com/threads/30704/"><img alt="Shingeki no Kyojin S3 Part 2" src="https://www.anime-tooon.com/up/uploads/at155830655521791.png" /></a><a href="https://www.anime-tooon.com/threads/30934/"><img alt="Nobunaga Concerto" src="https://www.anime-tooon.com/up/uploads/at155876353514762.png" /></a><a href="https://www.anime-tooon.com/threads/30703/"><img alt="Bungou Stray Dogs S3" src="https://www.anime-tooon.com/up/uploads/at155812772789511.png" /></a><br />     
      </div>
        <!--  ---- نهاية المجموعة الثانية ------  -->         
      </section>
      <section id="slid_3" class="swiper-slide bgheader">
        <!--  ---- بداية المجموعة الثالثه ------  -->     
      <div align="center" style="">
        <a href="https://www.anime-tooon.com/threads/30694//">  <img alt="ملون، مبيض مانجا حر ؟" src="https://www.anime-tooon.com/up/uploads/at155873961641561.png" /></a>  <a href="https://www.anime-tooon.com/threads/28238//">  <img alt="الانضمام لفريق المانجا" src="https://www.anime-tooon.com/up/uploads/at155873961651072.png" /></a>  <a href="https://www.anime-tooon.com/threads/30924/#post-713202">  <img alt="ون شوت -1" src="https://www.anime-tooon.com/up/uploads/at155873961653133.png" /></a>  <br />     
      </div>
        <!--  ---- نهاية المجموعة الثالثة ------  -->         
      </section>
  </div>
  <!--  Add Pagination  -->     
  <div class="swiper-pagination">
  </div>
</div>
<!--  End Swiper  -->
ثم سجل و انشر القالب

ثانياً: قم بتعديل قالبoverall_footer_end

ابحث عن
الكود:
</body>
والصق اعلاه الكود التالي
الكود:
<script src="https://cdn.rawgit.com/nolimits4web/swiper/master/dist/js/swiper.min.js"> </script>
<script type="text/javascript">
  var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
          delay: 4300,
          disableOnInteraction: false,
        },
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
</script> 

صورة توضيحية
طلب كود سلايد شو مثل منتديات انمي تون Captur15
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6756
السُمعة : 218

http://www.best-devs.net

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

ÞíÏ ÇáÏÑÇÓÉ رد: طلب كود سلايد شو مثل منتديات انمي تون

مُساهمة من طرف اعصار الخميس 27 يونيو 2019 - 9:51

مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف
يرجى مراجعة : قوانين منتدى الدعم
avatar
اعصار
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 3248
معدل النشاط : 9014
السُمعة : 49

https://www.helpub.com/

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

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

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

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