الكود:


<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 200px;
  height: 145px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 200px !important;
  height: 145px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                        </ul>
  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net ---> 

الكود:

<link media="screen" type="text/css" href="http://cutecat.p2h.info/hawetk/style.css" rel="stylesheet" /><script src="http://cutecat.p2h.info/scripts/jquery-1.4.3.min.js" type="text/javascript"></script><script src="http://cutecat.p2h.info/scripts/jquery.aes.js" type="text/javascript"></script><script src="http://cutecat.p2h.info/scripts/jquery.aes2.js" type="text/javascript"></script> <link type="text/css" href="http://cutecat.p2h.info/hawetk/style.css" rel="stylesheet" /> <script src="http://cutecat.p2h.info/hawetk/custom.js" type="text/javascript"></script><script src="http://cutecat.p2h.info/hawetk/tabcontent.js" type="text/javascript"></script><script src="http://cutecat.p2h.info/hawetk/styleswitch.js" type="text/javascript"></script><script src="http://cutecat.p2h.info/hawetk/jquery.tipsy.js" type="text/javascript"></script><script src="http://cutecat.p2h.info/hawetk/jquery-1.6.4.min.js" type="text/javascript"></script> <script src="http://cutecat.p2h.info/hawetk/jquery.easing.1.3.js" type="text/javascript"></script> <script src="http://cutecat.p2h.info/hawetk/jquery.carouFredSel-5.5.0.js" type="text/javascript"></script>
<div style="width: 750px;margin: 0px auto;">
   
   <div class="image_carousel">
      
      <div class="caroufredsel_wrapper" style="text-align: center; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 726px; height: 170px; margin: 0px; overflow: hidden;">
         
         <div id="foo4" style="text-align: left; float: none; position: absolute; top: 0px; left: 0px; margin: 0px; width: 6050px; height: 170px; right: auto; bottom: auto; opacity: 1;">
             <a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a> <a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a><a href="رابط"><img alt="عنوان " src="رابط صورة" /></a>
         </div>
         
      </div>
      
      <div class="clearfix">
         
      </div>
       <a href="#" id="foo4_prev" class="prev" style="display: block;"><span>prev</span></a> <a href="#" id="foo4_next" class="next" style="display: block;"><span>next</span></a>
      <div id="foo4_pag" class="pagination" style="display: block;">
          <a href="#" class="selected"><span>1</span></a><a href="#" class=""><span>2</span></a><a href="#" class=""><span>3</span></a><a href="#"><span>4</span></a>
      </div>
      
   </div>
</div>

بينوتة و افتخر كتب:أذهبي إلى

إدارة عامة>> الرسائل و الإيميلات>>اإعلانات الخاصة>>أنشاء إعلان

و مبرووووك