الرئيسية
البوابة
أحدث الصور
من طرف الخميس يونيو 24, 2010 9:13 amالسلام عليكم ورحمة الله وبركاته
الكود طبعا حصلته بالدعم مش حصلته بس مش موضوع حصلته مركب يعني طريقه عرض الستايلات كما تشاهدون بمنتدى الدعم
هذا هو الكود الخاص بهذه الستايلات يمكنكم تغيير الروابط ووضع صور غيرها والله يوفقكم
الكود طبعا حصلته بالدعم مش حصلته بس مش موضوع حصلته مركب يعني طريقه عرض الستايلات كما تشاهدون بمنتدى الدعم
هذا هو الكود الخاص بهذه الستايلات يمكنكم تغيير الروابط ووضع صور غيرها والله يوفقكم
| الرمز: |
<head> <style> <!-- .picshow_main { position: relative; width: 180px; height: 135px} img{ border:0px} .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px} .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;} .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline} a.axx { border-color: #555} a.bxx { border-color: #000} --> </style> </head> <div class="h3"> <center>أفضل التصاميم لهذا الشهر</center></div> <center> <style type="text/css"> .picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px} .picshow_main { position: relative; width: 180px; height: 135px} .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px} .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;} .picshow_change img {width:15px; height: 15px} .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline} a.axx { border-color: #555} a.axx:hover {border-color: #000} a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4} a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0} a.bxx { border-color: #000} a.bxx:hover {border-color: #000} img{ border:0px} </style> <script language="javascript"> var counts = 3; img1 = new Image(); img1.src = 'http://hitskin.com/themes/13/07/18/preview.png'; img2 = new Image(); img2.src = 'http://hitskin.com/themes/13/86/62/preview.png'; img3 = new Image(); img3.src = 'http://hitskin.com/themes/13/29/29/preview.png'; var smallImg = new Array(); smallImg[0] = 'https://i.servimg.com/u/f60/12/10/25/45/index_10.gif'; smallImg[1] = 'https://i.servimg.com/u/f60/12/10/25/45/index_11.gif'; smallImg[2] = 'https://i.servimg.com/u/f60/12/10/25/45/index_12.gif'; url1 = 'http://ar.hitskin.com/search-skin/skin-130718.htm'; url2 = 'http://ar.hitskin.com/search-skin/skin-138662.htm'; url3 = 'http://ar.hitskin.com/search-skin/skin-132929.htm'; alt1 = new Image(); alt1.alt = 'بهجة الربيع'; alt2 = new Image(); alt2.alt = 'ستايل المصممين'; alt3 = new Image(); alt3.alt = 'التنين الملتهب'; var nn = 1; var key = 0; function change_img() { if (key == 0) { key = 1; } else if (document.all) { document.getElementById("pic").filters[0].Apply(); document.getElementById("pic").filters[0].Play(duration = 2); } eval('document.getElementById("pic").src=img' + nn + '.src'); eval('document.getElementById("url_theme").href=url' + nn); eval('document.getElementById("pic").alt=alt' + nn + '.alt'); if (nn == 1) { document.getElementById("url_theme").target = "_blank"; document.getElementById("url_theme").style.cursor = "pointer"; } else { document.getElementById("url_theme").target = "_blank" document.getElementById("url_theme").style.cursor = "pointer" } for ( var i = 1; i <= counts; i++) { document.getElementById("xxjdjj" + i).className = 'axx'; } document.getElementById("xxjdjj" + nn).className = 'bxx'; nn++; if (nn > counts) { nn = 1; } tt = setTimeout('change_img()', 7000); } function changeimg(n) { nn = n; window.clearInterval(tt); change_img(); } function ImageShow() { document.write('<div class="picshow_main">'); document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>'); document.write('<div class="picshow_change">'); for ( var i = 0; i < counts; i++) { document.write('<a href="javascript:changeimg(' + (i + 1) + ');" id="xxjdjj' + (i + 1) + '" class="axx" target="_self"><img src="' + smallImg[i] + '"></a>'); } document.write('</div></div>'); change_img(); } </script> <script language="javascript" type="text/javascript"> ImageShow(); </script> <div class="picshow_main"> <div style="width: 180px; height: 135px"> </div> </div> </center |
» فيلم الجبان والحب بطولة شمس البارودي الممنوع من العرض
» كل شىء عن المحولات
» أنواع الملفات وامتداداتها ومعرفة ما يمكن تشغيله منها...
» مجله الستلايت كامله بكل شى للقنوات الفضائيه والجديد هنا دائما
» أكبر موسوعه بالعالم للتتعلم كل شى عن الستلايت والاجهزه الرقميه من هنا!!!
» ما هو كود ارسال معلومات للإيميل "contact form
» شرح برنامج Nero Burning ROM v6.3 لنسخ السيديات
» <a href='http://www.klamaraby.com'><span style='text-decoration: none'><img border='0' src='http://www.klamaraby.com/Glitter/glitter/3/a.gif' alt='كلام عربي'></span> <a href='http://www.klamaraby.com'><span style='text-decoration: none'><img border='0' sr