Admin Admin
الدولة : مصر عدد المساهمات : 1698 تاريخ التسجيل : 27/08/2012 العمر : 29 https://aasdpopa2013.hooxs.com
| موضوع: [html]كود سلايد شو رائع وبسيط الخميس يناير 31, 2013 12:51 pm | |
| [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] - الكود:
-
[color=green][b] < --- code prog by www.4egy.net ---> <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 --->[/b][/color]
| |
|