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