.jpg)
كود سليدر شو
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 400px;
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: 400px;
height: 218px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEgjNKdSmMXKeg3vroNHYj_zDJnry26y84mhT2BvMHei60F-UqPboPiVXf8GxHxDKIYuDsCToH9GvmvL7Vyk294l2QSTilMnhm1YAprC6BPYdGp7Ga5aRx-x9xfrSppO_bihSuWWXIokw/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ4iFTtkXHEOCOxvKG1ZqLoGRAf8TBW99faNP5WwLIJhttPPWnjBzgLFRC2A2Xr29zOZ9brJ6ekcJeROp43SrOtpEa21hut186wm4PkuYOA13_F7NbYQmP_RrgjZnA9ObXZQTqMaQsY1E/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" style="width: 391px; height: 218px">
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
</div></div>
