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

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

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

مُساهمة من طرف 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
معدل النشاط : 1195
السُمعة : 0

http://mohammed5.lolbb.com

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

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

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

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



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

http://mohammed5.lolbb.com

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

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

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

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

ذكر
عدد المساهمات : 892
معدل النشاط : 3250
السُمعة : 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
معدل النشاط : 14066
السُمعة : 414

http://stones.arab.st/

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

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

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

اشكر اخي

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

تم الحل
avatar
mohammedsv



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

http://mohammed5.lolbb.com

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

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


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