او يمكنك استخدام هذا لانه اقرب للري وريتيني اياه
وطبعا لازم تعدلي ع الروابط والصور وتضعي الي تريدينه
في المكان الي بتريديه
الكود:
</div>
<div align="center">
</div><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<div class="layalyeg">
<a class="next" href="#"></a> <a class="prev" href="#"></a>
<div class="slidesetCont">
<ul class="set1">
<li>
<a href="http://www.a7la-7ekaya.com/t21755-topic#91838"> <img style="width: 145px; height: 145px;" src="http://im87.gulfup.com/RYuy2I.png" class="attachment-200x145 wp-post-image" title=" حـصـريـاً : جديد 2015 استايل تمبلايت محول ابداع فريق احلى حكايه" /> </a>
<!-- image -->
</li>
<li>
<a href="http://zahma.forumotion.com/f44-montada"> <img style="width: 145px; height: 145px;" src="http://up.1sw1r.com/upfiles2/gwy94904.png" class="attachment-200x145 wp-post-image" title="حصرى حصرى من خادم الاسلام كود مدخل بأحدث التقنايات على احلى حكايه فقط " /> </a>
<!-- image -->
</li>
<li>
<a href="http://www.a7la-7ekaya.com/t21758-topic#91847"> <img style="width: 145px; height: 145px;" src="http://www.m5zn.com/newuploads/2015/07/03/png//95fe47b426ced88.png" class="attachment-200x145 wp-post-image" title="كود الاحصائيات الجديد 2015 تصميم احلى حكاية -aymen.z-" /> </a>
<!-- image -->
</li>
<li>
<a href="http://www.a7la-7ekaya.com/t1041-topic"> <img style="width: 145px; height: 145px;" src="http://i35.servimg.com/u/f35/17/65/52/08/header13.png" class="attachment-200x145 wp-post-image" title="كود [ jQuery ] يعمل على تسريع المنتدى يجعله كالصاروخ " /> </a>
<!-- image -->
</li>
<li>
<a href="http://www.a7la-7ekaya.com/t20327-topic#91846"> <img style="width: 145px; height: 145px;" src="http://up.1sw1r.com/upfiles2/hk496934.gif" title="[ حــصــريــاً ] كود روبوت كاتب الردود الذكي ... " /> </a>
<!-- image -->
</li>
</ul>
</div>
</div>
<div align="left">
</div>
<table style="width: 123%;">
<tbody>
<tr>
<td>
</td>
</tr>
<style>
.layalyeg {
height: 200px;
margin: auto auto 20px;
overflow: hidden;
position: relative;
width: 960px;
}
.layalyeg .next {
background: url("http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png") no-repeat scroll -6px -5px rgba(0, 0, 0, 0);
height: 21px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -555px;
top: 72px;
width: 18px;
}
.layalyeg .prev {
background: url("http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png") no-repeat scroll -6px -35px rgba(0, 0, 0, 0);
height: 21px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: -555px;
top: 72px;
width: 18px;
}
.layalyeg .slidesetCont {
background: none repeat scroll 0 0 #000;
margin: auto;
position: relative;
width: 905px;
}
.slidesetCont ul {
float: right;
width: 100%;
}
.slidesetCont ul > li {
float: left;
}
.slidesetCont ul > li a {
background: none repeat scroll 0 0 #fff;
border: 1px solid #d2d2d2;
display: block;
height: 145px;
margin: 0 7px;
overflow: hidden;
padding: 6px;
width: 200px;
}
.slidesetCont ul > li a img {
background: none repeat scroll 0 0 #eee;
display: block;
height: 145px !important;
width: 200px !important;
}
</style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/bdayh_custom.js" type="text/javascript"></script> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/bdayh.js" type="text/javascript"></script>
<!-- //navigation -->
</tbody>
</table>