الكود:



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</div>



<style type="text/css">



#mcis {
 display: none;
}

#sliderFrame {
 position: absolute;
 width: 500px;
 margin: 0 auto;
        border:3px solid #E1E0E2;
}

#ribbon {
 width: 111px;
 height: 111px;
 position: absolute;
 top: -4px;
 right: -4px;
}

#slider {
 width: 500px;
 height: 280px;

 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: 30px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}


div.mc-caption-bg {
 background-color: #000000;
}

div.mc-caption {
 font: bold 25px/21px traditional arabic ;
 color:  #ffffff;
 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: 290px;
 right: 180px;
 width: 350px;
 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 href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt=" [color=blue]شاهد بالصور اصعب 10 مواقف قد تتعرض لها في حياتك[/color] "/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt=" [color=blue]هل تعلم ان هناك خمسون موقع لن تتمكن من الوصل اليهم عبر جوجل ايرث[/color] "/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt="[color=blue]اجمل 10 اماكن رومانسية للعشاق ... بالصور Top 10 Romantic Destinations[/color]"/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt="[color=blue]اختصارات وابتسامات جديدة لشات الفيس بوك ,,, احصل عليها الان وكن الاول[/color] "/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]"alt=" [color=blue]حصريا بمعنى الكلمة ... كود جافا رائع جدا ضيف لديك اعلانات او بنرات تتبدل تلقائيا وبشكل رائع اتحدى اذا شاهدته من قبل ... [/color] "/></a>
                </div></div>
[color=#000000]
[/color]



anawakhi كتب:ارجو منك التوضيح اخي 
هل 635x270
 270 عرض ام طول