تعديل حجم الكود

السلام عليكم

انظرو

http://im77.gulfup.com/UEF9hW.png  انظرو ع المؤشر عليه السهم!

ظهر بعد ماوضعت الكود  حق شريط المتحرك يبدو انه من حجمه كبير

هل يمكنكم تعديل ع حجمه وجعله مناسب


 <style type="text/css" id="vbulletin_css">
    .head_ads_s { width:980px; margin:0 auto 0 auto;}
    #wrapper_work {
        width: 980px;
       margin:0 auto 0 auto;position: relative;
    }

    .image_carousel {
        padding: 15px 0 15px 10px;
        position: relative;
    }
    .image_carousel a {
    display: block;
    float: left;
    }
    .image_carousel img {
        border: 1px solid #ccc;
        background-color:#fff;
        padding: 9px;
        margin: 7px 11px 7px 10px;
        display: block;
        float: left;
    }

    .image_carousel img:hover {
        border: 1px solid #DDD;
        -moz-box-shadow: 0 1px 5px #555;
         -webkit-box-shadow: 0 1px 5px #555;
         box-shadow: 0px 1px 5px #555;

    }
    a.prev, a.next {
        background: url(https://i.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
        width: 45px;
        height: 50px;
        display: block;
        position: absolute;
        top: 85px;
    }
    a.prev {            left: -18px;
                        background-position: 0 0; }
    a.prev:hover {        background-position: 0 -50px; }
    a.prev.disabled {    background-position: 0 -100px !important;  }
    a.next {            right: -27px;
                        background-position: -50px 0; }
    a.next:hover {        background-position: -50px -50px; }
    a.next.disabled {    background-position: -50px -100px !important;  }
    a.prev.disabled, a.next.disabled {
        cursor: default;
    }

    a.prev span, a.next span {
        display: none;
    }
    .pagination {
        text-align: center;

    }
    .pagination a {
        background: url(https://i.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;float:none;
    }
    .pagination a.selected {
        background-position: -25px -300px;
        cursor: default;
    }
    .pagination a span {
        display: none;
    }

    </style> <script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script> <script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script> <script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>
<div class="head_ads_s">
     
    <div id="wrapper_work">
         
        <div class="image_carousel">
             
            <div id="foo4">
                 <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="ا
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="578
     منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
   " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
   منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
   منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="
    منتديات العاشق" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
   " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
   " /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 201px; height: 127px;" src="http://im88.gulfup.com/fRiss1.gif" alt="منتديات العاشق
    " /></a>
            </div>
             
            <div class="clearfix">
                 
            </div>
             <a class="prev" id="foo4_prev" href="#"><span>prev</span></a> <a class="next" id="foo4_next" href="#"><span>next</span></a>
            <div class="pagination" id="foo4_pag">
                 
            </div>
             
        </div>
         
    </div>
     
</div>



هذا هو كود من احلي حكايه

مرحبا
تفضل لاكن ظهر عندي الكود ك كل غير
شغال
تم تعديل حجم الصور فقط
جربه اذا اشتغل

الكود:

<style id="vbulletin_css" type="text/css">.head_ads_s { width:980px; margin:0 auto 0 auto;}
    #wrapper_work {
        width: 980px;
      margin:0 auto 0 auto;position: relative;
    }

    .image_carousel {
        padding: 15px 0 15px 10px;
        position: relative;
    }
    .image_carousel a {
    display: block;
    float: left;
    }
    .image_carousel img {
        border: 1px solid #ccc;
        background-color:#fff;
        padding: 9px;
        margin: 7px 11px 7px 10px;
        display: block;
        float: left;
    }

    .image_carousel img:hover {
        border: 1px solid #DDD;
        -moz-box-shadow: 0 1px 5px #555;
        -webkit-box-shadow: 0 1px 5px #555;
        box-shadow: 0px 1px 5px #555;

    }
    a.prev, a.next {
        background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
        width: 45px;
        height: 50px;
        display: block;
        position: absolute;
        top: 85px;
    }
    a.prev {            left: -18px;
                        background-position: 0 0; }
    a.prev:hover {        background-position: 0 -50px; }
    a.prev.disabled {    background-position: 0 -100px !important;  }
    a.next {            right: -27px;
                        background-position: -50px 0; }
    a.next:hover {        background-position: -50px -50px; }
    a.next.disabled {    background-position: -50px -100px !important;  }
    a.prev.disabled, a.next.disabled {
        cursor: default;
    }

    a.prev span, a.next span {
        display: none;
    }
    .pagination {
        text-align: center;

    }
    .pagination a {
        background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;float:none;
    }
    .pagination a.selected {
        background-position: -25px -300px;
        cursor: default;
    }
    .pagination a span {
        display: none;
    }
</style>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script><script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script><script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>
<div class="head_ads_s">
<div id="wrapper_work">
<div class="image_carousel">
<div id="foo4"><a href="http://makszoox7.forumarabia.com/"><img alt="ا
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="578
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
  " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
  منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
  منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
  " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
  " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a></div>

<div class="clearfix">&nbsp;</div>
<a class="prev" href="#" id="foo4_prev"><span>prev</span></a> <a class="next" href="#" id="foo4_next"><span>next</span></a>

<div class="pagination" id="foo4_pag">&nbsp;</div>
</div>
</div>
</div>


وهذه صورة الارقام التي يجب التعديل عليها

اممم  هل اعدل ع جميع الارقام لكن المشكله بالاسهم اليمين والايسار لنهم هم سبب المشكله الي تظهر!

ممكن وضع رابط منتداك للمعاينة اخي الحبيب

طبعااااا يالغالي

تفضل

http://makszoox7.forumarabia.com/

لكن انا وضعت الكود في منتدى تجربي وليس هذا  

طيب اخي الجبيب
ضع لنا الرابط الدي وضعت به الكود ليتم معاينته

تفضل منتدى تجربي

http://makszo444.forumarabia.com/forum

وينكممممممممممم!

وين المشكلة مظهره مميز
وهذه صورة من منتداك

اخي المشكله وضحتها لكم في الصوره المؤشر عليه السهم

http://im77.gulfup.com/UEF9hW.png

اخي انت يمكنك التعديل عليه
من خلال الارقام هذه صغرها
كلها برقم موحد مثلا 100 لكل
الصور الارتفاع والعرض

مانفع ياخي مازال يظهر ! ابي حجم الاسهم في الشريط ! وينه يمكن هو المشكهله

تفضل هذا الكود
تم

الكود:

<style id="vbulletin_css" type="text/css">.head_ads_s { width:700px; margin:0 auto 0 auto;}
    #wrapper_work {
        width: 700px;
      margin:0 auto 0 auto;position: relative;
    }

    .image_carousel {
        padding: 15px 0 15px 10px;
        position: relative;
    }
    .image_carousel a {
    display: block;
    float: left;
    }
    .image_carousel img {
        border: 1px solid #ccc;
        background-color:#fff;
        padding: 9px;
        margin: 7px 11px 7px 10px;
        display: block;
        float: left;
    }

    .image_carousel img:hover {
        border: 1px solid #DDD;
        -moz-box-shadow: 0 1px 5px #555;
        -webkit-box-shadow: 0 1px 5px #555;
        box-shadow: 0px 1px 5px #555;

    }
    a.prev, a.next {
        background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
        width: 45px;
        height: 50px;
        display: block;
        position: absolute;
        top: 85px;
    }
    a.prev {            left: -18px;
                        background-position: 0 0; }
    a.prev:hover {        background-position: 0 -50px; }
    a.prev.disabled {    background-position: 0 -100px !important;  }
    a.next {            right: -27px;
                        background-position: -50px 0; }
    a.next:hover {        background-position: -50px -50px; }
    a.next.disabled {    background-position: -50px -100px !important;  }
    a.prev.disabled, a.next.disabled {
        cursor: default;
    }

    a.prev span, a.next span {
        display: none;
    }
    .pagination {
        text-align: center;

    }
    .pagination a {
        background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;float:none;
    }
    .pagination a.selected {
        background-position: -25px -300px;
        cursor: default;
    }
    .pagination a span {
        display: none;
    }
</style><script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script><script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script><script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>
<div class="head_ads_s">
   
   <div id="wrapper_work">
      
      <div class="image_carousel">
         
         <div id="foo4">
             <a href="http://makszoox7.forumarabia.com/"><img alt="ا
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="578
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
  " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
  منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
  منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="
    منتديات العاشق" src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
  " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img style="width: 162px; height: 108px;" alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
  " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a> <a href="http://makszoox7.forumarabia.com/"><img alt="منتديات العاشق
    " src="http://im88.gulfup.com/fRiss1.gif" style="width: 100px; height: 100px;" /></a>
         </div>
         
         <div class="clearfix">
             
         </div><a class="prev" href="#" id="foo4_prev"><span>prev</span></a> <a class="next" href="#" id="foo4_next"><span>next</span></a>
         <div class="pagination" id="foo4_pag">
             
         </div>
         
      </div>
      
   </div>
</div>

تم الحل

كيف اغير الخلفيه اخي !

صوره للمعاينه

http://im78.gulfup.com/6gKFMz.png

اريد  ان اغير الخلفيه وجعلها شفافه لكن ماوجدت الصوره في الكود اين مكانها!

شاهد الصورة
وغير الي مؤشر عليه
بكود الون الي تريده