منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف 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 مرات

dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 382

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

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

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

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

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

Ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1952
معدل النشاط : 3767

http://madany.moontada.net

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

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

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

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

dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 382

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

Ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1952
معدل النشاط : 3767

http://madany.moontada.net

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

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

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

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

dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 382

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 />
بالتوفيق .

Ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1952
معدل النشاط : 3767

http://madany.moontada.net

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

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

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

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

dante sephiroth



ذكر
عدد المساهمات : 29
معدل النشاط : 382

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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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