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

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


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

مشكلة تعديل كود

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

مشكلة تعديل كود

مُساهمة من طرف mohammedsv في السبت 1 أغسطس 2015 - 12:09

السلام عليكم 

اخواني عندي هذا الكود شغال بس الصورة الثاني ما جاي تشتغل ارجو المساعدة
الكود:
<style type="text/css">
 
    /* JavaScript Image Slider By http://alnaje7oon.blogspot.com/ */
 
    #mcis {
    display: none;
    }
 
    #sliderFrame {
    position: relative;
    width: 468px;
    margin: 0 auto;
            border:3px solid #E1E0E2;
    }
 
    #ribbon {
    width: 111px;
    height: 111px;
    position: absolute;
    top: -4px;
    right: -4px;
    }
 
    #slider {
    width: 468px;
    height: 260px;
    background: #fff url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
    position: relative;
    margin: 0 auto;
    box-shadow: 0px 1px 5px 010007;
    }
 
    #slider img {
    position: absolute;
    border: none;
    display: none;
    }
 
    #slider a.imgLink {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0px;
    right: 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;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    overflow: hidden;
    font-size: 0;
    }
 
 
    div.mc-caption-bg {
    background-color: #0066CC;
    }
 
    div.mc-caption {
    font: bold 25px/21px traditional arabic ;
    color:  #0000;
    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: 250px;
    right: 190px;
    width: 150px;
    background: none;
    padding-right: 20px;
    position: relative;
    z-index: 5;
    cursor: pointer;
    }
 
    div.navBulletsWrapper div {
    width: 11px;
    height: 11px;
    background: transparent url(https://lh3.googleusercontent.com/-XpmNmet2gQE/T_9iZTdKsgI/AAAAAAAAC9U/e5Hto1X5zKc/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
    float: right;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 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="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script> 
<div id="sliderFrame">
                                           
  <div id="ribbon">
                                   
  </div>
                                 
  <div id="slider">
                          <a target="_blank" href="http://hammurabi.lolbb.com/" ""=""><img src="http://i18.servimg.com/u/f18/19/19/79/51/oo10.png" alt="المؤسسة الاعلامية لثانوية حمورابي الاهلية للبنات" /></a>    <a target="_blank" href="http://hammurabi.lolbb.com/t11-topic"><img src="<a href=" http:="" www.servimg.com="" view="" 19197951="" 84"="" class="postlink" target="_blank" rel="nofollow" /><img src="" border="0" alt="" /></a>" alt=" الكوادر التدريسية للسنة الدراسية 2015 - 2016 " />    <a target="_blank" href="رابط الموضوع"><img src="http://i18.servimg.com/u/f18/19/19/79/51/u11.png" alt="دورات تقوية للصف السادس العلمي" /></a>    <a target="_blank" href="http://hammurabi.lolbb.com/t3-topic"><img src="http://i18.servimg.com/u/f18/19/19/79/51/captur13.jpg" alt="تخفيضات بمناسبة شهر رمضان المبارك " /></a>    <a target="_blank" href="رابط الموضوع"><img src="http://i18.servimg.com/u/f18/19/19/79/51/ia10.png" alt=" تخفيضات للطالبات المتميزات" /></a>                                 
  </div>
</div>

avatar
mohammedsv



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

http://mohammed5.lolbb.com

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

رد: مشكلة تعديل كود

مُساهمة من طرف mohammedsv في السبت 1 أغسطس 2015 - 12:26

ارجو الرد اخواني
avatar
mohammedsv



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

http://mohammed5.lolbb.com

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

رد: مشكلة تعديل كود

مُساهمة من طرف Arabian Star في السبت 1 أغسطس 2015 - 12:32

ما هو هذا الكود+ رابط الموضوع الذى جئت به لكى نعرف اين يوضع
avatar
Arabian Star
 
 

ذكر
عدد المساهمات : 892
معدل النشاط : 3040
السُمعة : 14

http://www.mca14.org/

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

رد: مشكلة تعديل كود

مُساهمة من طرف stones في السبت 1 أغسطس 2015 - 12:38

وعليكم من السلام
جرب هذا بوضع الصور ورابط الموضوع


الكود:
        <style type="text/css">
       
            /* JavaScript Image Slider By http://alnaje7oon.blogspot.com/ */
       
            #mcis {
            display: none;
            }
       
            #sliderFrame {
            position: relative;
            width: 468px;
            margin: 0 auto;
                    border:3px solid #E1E0E2;
            }
       
            #ribbon {
            width: 111px;
            height: 111px;
            position: absolute;
            top: -4px;
            right: -4px;
            }
       
            #slider {
            width: 468px;
            height: 260px;
            background: #fff url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
            position: relative;
            margin: 0 auto;
            box-shadow: 0px 1px 5px 010007;
            }
       
            #slider img {
            position: absolute;
            border: none;
            display: none;
            }
       
            #slider a.imgLink {
            z-index: 2;
            display: none;
            position: absolute;
            top: 0px;
            right: 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;
            right: 0px;
            bottom: 0px;
            z-index: 3;
            overflow: hidden;
            font-size: 0;
            }
       
       
            div.mc-caption-bg {
            background-color: #0066CC;
            }
       
            div.mc-caption {
            font: bold 25px/21px traditional arabic ;
            color:  #0000;
            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: 250px;
            right: 190px;
            width: 150px;
            background: none;
            padding-right: 20px;
            position: relative;
            z-index: 5;
            cursor: pointer;
            }
       
            div.navBulletsWrapper div {
            width: 11px;
            height: 11px;
            background: transparent url(https://lh3.googleusercontent.com/-XpmNmet2gQE/T_9iZTdKsgI/AAAAAAAAC9U/e5Hto1X5zKc/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
            float: right;
            overflow: hidden;
            vertical-align: middle;
            cursor: pointer;
            margin-left: 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="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>
        <div id="sliderFrame">
                                                 
          <div id="ribbon">
                                         
          </div>
                                       
          <div id="slider">
                                  <a target="_blank" href="http://hammurabi.lolbb.com/" ""="">
<img src="http://i18.servimg.com/u/f18/19/19/79/51/oo10.png" alt="المؤسسة الاعلامية لثانوية حمورابي الاهلية للبنات" />
</a>    <a target="_blank" href="http://hammurabi.lolbb.com/t11-topic">
<img src="رابط الصورة" alt=" تخفيضات للطالبات المتميزات" /> 
  <a target="_blank" href="رابط الموضوع"><img src="http://i18.servimg.com/u/f18/19/19/79/51/u11.png" alt="دورات تقوية للصف السادس العلمي" />
</a>    <a target="_blank" href="http://hammurabi.lolbb.com/t3-topic">
<img src="http://i18.servimg.com/u/f18/19/19/79/51/captur13.jpg" alt="تخفيضات بمناسبة شهر رمضان المبارك " />
</a>    <a target="_blank" href="رابط الموضوع"><img src="http://i18.servimg.com/u/f18/19/19/79/51/ia10.png" alt=" تخفيضات للطالبات المتميزات" /></a>                               
          </div>
        </div>
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 13856
السُمعة : 414

http://stones.arab.st/

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

رد: مشكلة تعديل كود

مُساهمة من طرف mohammedsv في السبت 1 أغسطس 2015 - 15:42

اشكر اخي

والله عاجز عن الشكر 

تم الحل
avatar
mohammedsv



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

http://mohammed5.lolbb.com

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

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


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