مشكلة بوضع سلايد شو
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
مشكلة بوضع سلايد شو
السلام عليكم
اخذت سلايد شو من منتدى الدعم و هذا هو
وضعته بالعناصر المستقلة و ما ظبط بعدين وضعته بالتشكيلات العامة ما ظبط
الكود يلي وضعته (وضعت الصور و العناوين و روابط المواضيع)
الكود لازم يظهر متل هذا
![مشكلة بوضع سلايد شو 2q37s52](https://2img.net/h/oi61.tinypic.com/2q37s52.gif)
لكن ظهر هكذا
![مشكلة بوضع سلايد شو QyMyd6s](https://i.imgur.com/qyMyd6s.png?1)
وهذه رابط منتداي هو موجود حاليا فيه (بواسطة العناصر المستقلة)
http://fantasy-kingdom.moontada.net/
منتداي phpBB3
فما هو الخطا الذي ارتكبته ؟
و الله يعطيكم العافية![:وردة153:](/users/1811/68/54/94/smiles/531496.gif)
اخذت سلايد شو من منتدى الدعم و هذا هو
- الكود:
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 600px;
margin: 0 auto;
border:5px solid #000;
border-bottom:25px solid #000;
background:#fff;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
margin-bottom:5px;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider {
width: 600px;
height: 218px;
background: #fff url(https://lh4.googleusercontent.com/-k6J7L0AmqnE/UV7FswW-qsI/AAAAAAAABC0/iwjr-yjs8Tg/s39/cnmuslidlod.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}
div.navBulletsWrapper {
top:225px;
background: none;
position: relative;
z-index: 5;
cursor: pointer;
}
div.navBulletsWrapper div {
width: 11px;
height: 11px;
background:transparent url(https://lh5.googleusercontent.com/-7NRCeJsVpFQ/UV7Fs6xP8RI/AAAAAAAABCw/REtO-oLoX7Q/s22/cnmu-sliddot.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
_position: relative;
}
div.navBulletsWrapper div.active {
background-position: 0 -11px;
}
#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
</style>
<script src="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
</div></div>
وضعته بالعناصر المستقلة و ما ظبط بعدين وضعته بالتشكيلات العامة ما ظبط
الكود يلي وضعته (وضعت الصور و العناوين و روابط المواضيع)
- الكود:
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 600px;
margin: 0 auto;
border:5px solid #000;
border-bottom:25px solid #000;
background:#fff;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
margin-bottom:5px;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider {
width: 600px;
height: 218px;
background: #fff url(https://lh4.googleusercontent.com/-k6J7L0AmqnE/UV7FswW-qsI/AAAAAAAABC0/iwjr-yjs8Tg/s39/cnmuslidlod.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
div.mc-caption-bg, div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}
div.mc-caption a {
color: #FB0;
}
div.mc-caption a:hover {
color: #DA0;
}
div.navBulletsWrapper {
top:225px;
background: none;
position: relative;
z-index: 5;
cursor: pointer;
}
div.navBulletsWrapper div {
width: 11px;
height: 11px;
background:transparent url(https://lh5.googleusercontent.com/-7NRCeJsVpFQ/UV7Fs6xP8RI/AAAAAAAABCw/REtO-oLoX7Q/s22/cnmu-sliddot.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
_position: relative;
}
div.navBulletsWrapper div.active {
background-position: 0 -11px;
}
#slider {
transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}
</style> <script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js"></script>
<div id="sliderFrame">
<div id="slider"><a href="http://fantasy-kingdom.moontada.net/t2p11-topic#1070"><img alt="hell hole .. POWER OF Z" src="http://i.imgur.com/f74elme.jpg" /></a> <a href="http://fantasy-kingdom.moontada.net/t78-topic"><img alt="معرض رسومات Arashi لعام 2017" src="blob:http://imgur.com/5358024b-85cc-47c4-9eeb-31d381bc14f0" /></a>
</div>
</div>
الكود لازم يظهر متل هذا
![مشكلة بوضع سلايد شو 2q37s52](https://2img.net/h/oi61.tinypic.com/2q37s52.gif)
لكن ظهر هكذا
![مشكلة بوضع سلايد شو QyMyd6s](https://i.imgur.com/qyMyd6s.png?1)
وهذه رابط منتداي هو موجود حاليا فيه (بواسطة العناصر المستقلة)
http://fantasy-kingdom.moontada.net/
منتداي phpBB3
فما هو الخطا الذي ارتكبته ؟
و الله يعطيكم العافية
![:وردة153:](/users/1811/68/54/94/smiles/531496.gif)
عدل سابقا من قبل dante sephiroth في الخميس 12 يناير 2017 - 0:00 عدل 1 مرات
رد: مشكلة بوضع سلايد شو
هذا هو الموضوع
https://help.ahlamontada.com/t1081125-topic
مو اول سلايد شو بل الثاني ( موجود برد الاخ JAR7)
https://help.ahlamontada.com/t1081125-topic
مو اول سلايد شو بل الثاني ( موجود برد الاخ JAR7)
رد: مشكلة بوضع سلايد شو
مرحبا :
هذه الاكواد التي أشرت اليها في موضوعك للأسف جميعها لا تعمل .
وعموما تم التعديل لاحدها ويعمل بصورة طبيعية الان
تفضل :يوضع في التشكيلات العامة.
مع تغيير الروابط الموجودة
هذه الاكواد التي أشرت اليها في موضوعك للأسف جميعها لا تعمل .
وعموما تم التعديل لاحدها ويعمل بصورة طبيعية الان
تفضل :يوضع في التشكيلات العامة.
مع تغيير الروابط الموجودة
- الكود:
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/css.css" media="all">
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/css.css" media="all">
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/css/1.css" media="all">
<script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.min.js"></script><script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.easing.js"></script>
<script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.carouFredSel-5.5.0.js"></script>
<script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.tipsy.js"></script>
<script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/styleswitch.js"></script>
<script src="https://dl.dropboxusercontent.com/u/64727436/H/jq/sh1/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#foo1').carouFredSel({
auto: {pauseDuration: 5000, delay: 375},
prev: '#foo1_prev',
next: '#foo1_next',
pagination: "#foo1_pag",
});
$('#foo2').carouFredSel({
auto: {pauseDuration: 5000, delay: 375},
prev: '#foo2_prev',
next: '#foo2_next',
pagination: "#foo2_pag",
});
});
</script>
<div style="width: 903px;margin: 0px auto;height: 195px;overflow: hidden;"><div class="image_carousel">
<div id="foo1">
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع " width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt=" اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" alt="اسم الموضوع" width="200" height="150"></a>
<a href="رابط الموضوع">
<img src="http://cdn.top4top.co/i_d7f02014461.png" src="" alt="اسم الموضوع" width="200" height="150"></a>
</div>
<div class="clearfix"></div>
<a class="prev" id="foo1_prev" href="#"><span>prev</span></a>
<a class="next" id="foo1_next" href="#"><span>next</span></a>
<div class="pagination" id="foo1_pag"></div>
</div></div><div class="br-cl"></div>
رد: مشكلة بوضع سلايد شو
شكرا لك اخي
جربت الثاني و وضعه بالتشكيلات العامة و وضعت الصور و المواضيع لكن ما يقلب الصفحة لما اضغط على السهم بالاضافة انه ما ينتقل اوتوماتيك
و عارضة المنتدى اختفت لما وضعته
شكرا عالمساعدة اخي![silent](/users/1811/68/54/94/smiles/829894.gif)
جربت الثاني و وضعه بالتشكيلات العامة و وضعت الصور و المواضيع لكن ما يقلب الصفحة لما اضغط على السهم بالاضافة انه ما ينتقل اوتوماتيك
و عارضة المنتدى اختفت لما وضعته
![I love you](/users/1811/68/54/94/smiles/503860.gif)
شكرا عالمساعدة اخي
![silent](/users/1811/68/54/94/smiles/829894.gif)
رد: مشكلة بوضع سلايد شو
تفضل حبيبي :
واحد آخر مختلف وسيعمل بسهولة ان شاء الله
ويمكنك تغيير الصور مع تغيير حجمها كما ترغب .
واحد آخر مختلف وسيعمل بسهولة ان شاء الله
ويمكنك تغيير الصور مع تغيير حجمها كما ترغب .
- الكود:
<br />
<div align="center">
<div style="width:100%; text-align:right" class="page">
<div style="padding:0px 25px 0px 25px">
<div>
<marquee>
<a href="http://wr-t6wer.alafdal.net/t65-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad10.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t66-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad11.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t67-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad14.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t65-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad10.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t66-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad11.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t67-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad14.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t65-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad10.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t66-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad11.jpg" /></a> <a href="http://wr-t6wer.alafdal.net/t67-topic"> <img style="width:300px; height:200px;" src="http://i86.servimg.com/u/f86/18/18/96/86/oiuiad14.jpg" /></a>
</marquee>
</div>
<script src="http://zwaar.org/code.js?id=296" type="text/javascript"></script> <br />
</div>
</div>
</div><br />
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» مشكلة في كود سلايد شو
» مشكلة في كود سلايد شو
» طلب كود سلايد شو
» خاص بوضع نافذة الدخول مثل الفى بى - مشكلة
» مشكلة بوضع كود html داخل المواضيع للنسخة الثالثة
» مشكلة في كود سلايد شو
» طلب كود سلايد شو
» خاص بوضع نافذة الدخول مثل الفى بى - مشكلة
» مشكلة بوضع كود html داخل المواضيع للنسخة الثالثة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى