مشكلة بوضع سلايد شو

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

مشكلة بوضع سلايد شو

مُساهمة من طرف dante sephiroth في الأربعاء 11 يناير 2017 - 23:25

السلام عليكم
اخذت سلايد شو من منتدى الدعم و هذا هو
الكود:
<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>

الكود لازم يظهر متل هذا

لكن ظهر هكذا

وهذه رابط منتداي هو موجود حاليا فيه (بواسطة العناصر المستقلة)
http://fantasy-kingdom.moontada.net/
منتداي phpBB3
فما هو الخطا الذي ارتكبته ؟
و الله يعطيكم العافية  :وردة153:


عدل سابقا من قبل dante sephiroth في الخميس 12 يناير 2017 - 0:00 عدل 1 مرات
avatar
dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 782
السُمعة : 0

http://fantasy-kingdom.super-forum.com/

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

رد: مشكلة بوضع سلايد شو

مُساهمة من طرف Ahd allah في الأربعاء 11 يناير 2017 - 23:30

ضع لنا رابط الصفحة التي أخذت منها الكود لو سمحت
لان الكود الموضوع لا يعمل .
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5337
السُمعة : 209

http://madany.moontada.net

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

رد: مشكلة بوضع سلايد شو

مُساهمة من طرف dante sephiroth في الخميس 12 يناير 2017 - 0:21

هذا هو الموضوع
http://help.ahlamontada.com/t1081125-topic
مو اول سلايد شو بل الثاني ( موجود برد الاخ JAR7)
avatar
dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 782
السُمعة : 0

http://fantasy-kingdom.super-forum.com/

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

رد: مشكلة بوضع سلايد شو

مُساهمة من طرف Ahd allah في الخميس 12 يناير 2017 - 14:38

مرحبا :
هذه الاكواد التي أشرت اليها في موضوعك للأسف جميعها لا تعمل .
وعموما تم التعديل لاحدها ويعمل بصورة طبيعية الان
تفضل :يوضع في التشكيلات العامة.
مع تغيير الروابط الموجودة
الكود:


    <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>
موفق .
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5337
السُمعة : 209

http://madany.moontada.net

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

رد: مشكلة بوضع سلايد شو

مُساهمة من طرف dante sephiroth في الخميس 12 يناير 2017 - 17:06

شكرا لك اخي 
جربت الثاني و وضعه بالتشكيلات العامة و وضعت الصور و المواضيع لكن ما يقلب الصفحة لما اضغط على السهم بالاضافة انه ما ينتقل اوتوماتيك 
و عارضة المنتدى اختفت لما وضعته  I love you
شكرا عالمساعدة اخي  silent
avatar
dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 782
السُمعة : 0

http://fantasy-kingdom.super-forum.com/

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

رد: مشكلة بوضع سلايد شو

مُساهمة من طرف Ahd allah في الخميس 12 يناير 2017 - 20:44

تفضل حبيبي :
واحد آخر مختلف وسيعمل بسهولة ان شاء الله
ويمكنك تغيير الصور مع تغيير حجمها كما ترغب .
الكود:
<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 />
بالتوفيق .
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5337
السُمعة : 209

http://madany.moontada.net

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

رد: مشكلة بوضع سلايد شو

مُساهمة من طرف dante sephiroth في الخميس 12 يناير 2017 - 22:26

شكرا لك اخي الله يعطيك العافبة هذا اشتغل تمام  pale
avatar
dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 782
السُمعة : 0

http://fantasy-kingdom.super-forum.com/

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

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


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