| طلب كود سلايد شو مثل منتديات انمي تون | |
|
|
كاتب الموضوع | رسالة |
---|
⊱Queen⊰
عدد المساهمات : 138 معدل النشاط : 2382 السُمعة : 0
| موضوع: طلب كود سلايد شو مثل منتديات انمي تون الأربعاء 22 مايو 2019 - 11:03 | |
| احتاج الى كود سلايد شو مثل هذا الموجود في منتديات انمي تون | |
|
| |
دودي.
عدد المساهمات : 3596 معدل النشاط : 9773 السُمعة : 67
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الخميس 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>
يمكنك تغير الصور كما يحلو لك | |
|
| |
⊱Queen⊰
عدد المساهمات : 138 معدل النشاط : 2382 السُمعة : 0
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الخميس 23 مايو 2019 - 12:09 | |
| حلو ويشتغل بس في خلل عملو بالمنتدى خط الاقسام خربطو | |
|
| |
دودي.
عدد المساهمات : 3596 معدل النشاط : 9773 السُمعة : 67
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الخميس 23 مايو 2019 - 15:39 | |
| لا علاقة بالكةد بخط الاقسام تاكدي من وضع الكود كما وضحت لكي | |
|
| |
⊱Queen⊰
عدد المساهمات : 138 معدل النشاط : 2382 السُمعة : 0
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الخميس 23 مايو 2019 - 17:31 | |
| | |
|
| |
omarpop23
عدد المساهمات : 1522 معدل النشاط : 6843 السُمعة : 218
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون السبت 25 مايو 2019 - 2:51 | |
| | |
|
| |
⊱Queen⊰
عدد المساهمات : 138 معدل النشاط : 2382 السُمعة : 0
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون السبت 25 مايو 2019 - 13:26 | |
| | |
|
| |
omarpop23
عدد المساهمات : 1522 معدل النشاط : 6843 السُمعة : 218
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الأحد 26 مايو 2019 - 10:21 | |
| | |
|
| |
⊱Queen⊰
عدد المساهمات : 138 معدل النشاط : 2382 السُمعة : 0
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الأحد 26 مايو 2019 - 23:03 | |
| - omarpop23 كتب:
- ⊱Queen⊰ كتب:
- omarpop23 كتب:
- https://help.ahlamontada.com/t1092905-topic#4963387
مستعملته للمنتدى واريد ايضا كود سلايد شو مثل انمي تون يمكنك استعماله مره اخرى في اي مكان تريديه ويمكن التعديل علي كل سلايد علي حدي ليصبح مثل انمي تون طب غيرو اخي | |
|
| |
⊱Queen⊰
عدد المساهمات : 138 معدل النشاط : 2382 السُمعة : 0
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الأربعاء 5 يونيو 2019 - 23:40 | |
| مر عدة ايام ولم اجد المساعدة ؟؟؟؟؟؟؟ | |
|
| |
omarpop23
عدد المساهمات : 1522 معدل النشاط : 6843 السُمعة : 218
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الإثنين 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" /> صورة توضيحيه:ثم ابحث عن - الكود:
-
<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> صورة توضيحية | |
|
| |
اعصار احلى مساعد
عدد المساهمات : 3250 معدل النشاط : 9023 السُمعة : 49
| موضوع: رد: طلب كود سلايد شو مثل منتديات انمي تون الخميس 27 يونيو 2019 - 9:51 | |
| مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف
|
| |
|
| |
| طلب كود سلايد شو مثل منتديات انمي تون | |
|