بسم الله الرحمن الرحيم..
الموضوع الحصري والجديد على فرسان الاشهار
نبدا بسم الله
إعلان يهبط الى منتصف الصفحة و يمكن إغلاقه من الزائر
شريط متحرك للصور بشكل أفقي
ثلاثة بنرات تتبدل بشكل جميل
المدة الفاصلة بين كل صورة هي 5 ثوان بامكانك تغيرها
نص يظهر بطريقة الآلة الكاتبة
انسخ هذا الكود و عدل للذي يناسبك
الموضوع الحصري والجديد على فرسان الاشهار
نبدا بسم الله
إعلان يهبط الى منتصف الصفحة و يمكن إغلاقه من الزائر
| <table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الكود:----------تحديد المحتوى</td></tr><tr><td class="code"> <div id="dropin" style="position:absolute;visibility:hidden;left:260;top:100;width:385;height:118;background-color:#00FF00"> <div align="right"> <a href="#" onClick="dismissbox();return false"> <span lang="ar-sa"><font face="Tahoma" size="1"><i>[إغلاق النافذة]</i> </a></font></span></div> <center> <p><a href="http://www.star28.com" target="_blank"> <img alt="دليل العرب الشامل" src="http://www.star28.com/java/java6/b1.png" border="0" width="468" height="60"></a></p> </center> </td></tr></table> |
شريط متحرك للصور بشكل أفقي
| <table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الكود:----------تحديد المحتوى</td></tr><tr><td class="code"> <div align="center" dir="ltr"><script language="JavaScript1.2"> <!-- /* Conveyor belt slideshow script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com * Translated By http://www.star28.com/ * This notice must stay intact for use * Visit http://www.star28.com/ for more code */ //Specify the slider's width (in pixels) var sliderwidth=200; // عرض المستطيل بالبكسل //Specify the slider's height (in pixels, pertains only to NS) var sliderheight=145; //Specify the slider's scroll speed (larger is faster) var slidespeed=4; // يمكنك تغيير السرعة أيضاً //Specify the slider's images var leftrightslide=new Array(); var finalslide=''; leftrightslide[0]='<a href="http://www.star28.com"><img src="036.gif" border=0></a>'; // عدل لعنوان الصورة و الرابط الذي يناسبك leftrightslide[1]='<a href="http://www.star28.com""><img src="103.gif" border=0></a>'; leftrightslide[2]='<a href="http://www.star28.com""><img src="105.gif" border=0></a>'; leftrightslide[3]='<a href="http://www.star28.com""><img src="131.gif" border=0></a>'; leftrightslide[4]='<a href="http://www.star28.com""><img src="216.gif" border=0></a>'; ///////do NOT edit pass this line//////////////////////////////////// var copyspeed=slidespeed; //copy contents of leftrightslide into one variable for (i=0;i<leftrightslide.length;i++) finalslide=finalslide+leftrightslide[i]+" "; if (document.all){ //dynamically write out the marquee tag document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>'); //stop marquee when mouse is over it ieslider.onmouseover=new Function("ieslider.scrollAmount=0"); //re-enable marquee when mouse is out ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed"); } function regenerate(){ window.location.reload(); } function regenerate2(){ if (document.layers){ document.ns_slider01.visibility="show"; setTimeout("window.onresize=regenerate",450); intializeleftrightslide(); } if (document.all) ieslider.scrollAmount=slidespeed; } //NS specific function for initializing slider upon page load function intializeleftrightslide(){ document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>'); document. ns_slider01.document.ns_slider02.document.close(); thelength=document.ns_slider01.document.ns_slider02.document.width; scrollslide(); } //NS specific function for sliding slideshow function scrollslide(){ if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){ document.ns_slider01.document.ns_slider02.left-=slidespeed; setTimeout("scrollslide()",100); } else{ document.ns_slider01.document.ns_slider02.left=sliderwidth; scrollslide(); } } window.onload=regenerate2; //--> </script> <ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide> <layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer> </ilayer></div> </td></tr></table> |
ثلاثة بنرات تتبدل بشكل جميل
المدة الفاصلة بين كل صورة هي 5 ثوان بامكانك تغيرها
| <table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الكود:----------تحديد المحتوى</td></tr><tr><td class="code"> <table width="470" height="90" dir="ltr"><tr><td> <script> var slideurl=new Array() var slidecomment=new Array() var slidelink=new Array() var slidetarget=new Array() /////////////////////////////////////////////////////////////////////////// // EDIT-ZONE STARTS HERE // BY : WWW.STAR28.COM ////////////////////////////////////////////////////////////////////////// // Set the URLs of your slides (images) // مسار الصور slideurl[0]="b1.png" slideurl[1]="b2.png" slideurl[2]="b3.png" // Add a link for each slide // // If you don't want to link a slide type "#" instead (see middle-sample below) // روابط البنرات على الترتيب slidelink[0]="http://www.star28.com" slidelink[1]="http://www.ttt4.com" slidelink[2]="http://vb.star28.net" // Add a target for each link // Allowed values are: "_blank", "_top", "_parent", "_self" or the name of a frame slidetarget[0]="_blank" slidetarget[1]="_blank" slidetarget[2]="_blank" // Add a comment for each slide // الوصف slidecomment[0]="وصف البانر رقم - 1 -" slidecomment[1]="وصف البانر رقم - 2 - " slidecomment[2]="وصف البانر رقم - 3 -" // Set the font for the comments var slidefont="TAHOMA" // نوع الخط // Set the fontcolor for the comments var slidefontcolor="black" // لون الخط // Set the fontsize for the comments (HTML-values ranging form 1 - 6) var slidefontsize=2 // حجم الخط // Set the width of the pictures (pixels) var slidewidth=468 // عرض الصورة بالبكسل // Set the height of the pictures (pixels) var slideheight=60 // طول الصورة بالبكسل // Set the pause between the pictures (seconds) var pause=5 // المدة الفاصلة بين كل صورة /////////////////////////////////////////////////////////////////////////// // EDIT-ZONE ENDS HERE ////////////////////////////////////////////////////////////////////////// var preloadedimages=new Array() for (i=0;i<slideurl.length;i++){ preloadedimages[i]=new Image() preloadedimages[i].src=slideurl[i] } var ns4=document.layers?1:0 var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0 var imgpreload=new Array() for (i=0;i<=slideurl.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=slideurl[i] } var pos_left=0 var pos_top=0 var speed=20 var step=10 var i_loop=0 var i_image1=0 var i_image2=1 var i_space="" var all_space="" var max_space=20 var content="" var i_slide=0 pause*=1000 function stretchimage() { if (i_loop<=slidewidth) { if (ie) { imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>" document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>" } if (ns6) { document.getElementById('imgcontainer1').innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>" document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop document.getElementById('imgcontainer2').innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>" } i_loop=i_loop+step var timer=setTimeout("stretchimage()",speed) } else { clearTimeout(timer) var imgcontent="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a><br><center><font face='"+slidefont+"' size="+slidefontsize+" color='"+slidefontcolor+"'>"+slidecomment[i_image1]+"</font></center>" if (ie) { imgcontainer1.innerHTML=imgcontent document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop imgcontainer2.innerHTML="" } if (ns6) { document.getElementById('imgcontainer1').innerHTML=imgcontent document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop document.getElementById('imgcontainer2').innerHTML="" } changeimage() } } function changeimage() { i_loop=0 i_image1++ if (i_image1>slideurl.length-1) {i_image1=0} i_image2=i_image1-1 if (i_image2>slideurl.length-1) {i_image2=0} if (i_image2<0) {i_image2=slideurl.length-1} if (ie) { document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft } if (ns6) { document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer2').style.left) } var timer=setTimeout("stretchimage()",pause) } function simpleslideshow() { i_slide++ if (i_slide>=slideurl.length) {i_slide=0} document.slideimage.src=preloadedimages[i_slide].src simpleslideshowcomment() var fadetimer=setTimeout("simpleslideshow()",pause) } function simpleslideshowcomment() { if (i_space>=0){ all_space="" content="" for (i=0;i<i_space;i++) { all_space+=" " } for (i=0;i<slidecomment[i_slide].length;i++) { var thisletter=slidecomment[i_slide].substring(i,i+1) thisletter=thisletter+all_space content+=thisletter } window.status=content i_space-- var fadetimer=setTimeout("simpleslideshowcomment()",20) } else { clearTimeout(fadetimer) i_space=max_space } } function simpleslideshowjump() { if (slidetarget[i_slide]=="_self") { document.location.href=slidelink[i_slide] } else if (slidetarget[i_slide]=="_blank") { codepopup=window.open(slidelink[i_slide], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,top=10,left=10"); } else if (slidetarget[i_slide]=="_top") { top.location.href=slidelink[i_slide] } else if (slidetarget[i_slide]=="_parent") { parent.location.href=slidelink[i_slide] } else { var jumpto=eval("parent."+slidetarget[i_slide]) jumpto.location.href=slidelink[i_slide] } } if (ie || ns6) { var slideh=slideheight+30 document.write("<div style="position:relative;width:"+slidewidth+"px;height:"+slideh+"px;overflow:hidden">") document.write("<div id="imgcontainer1" style="position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px"><img src=""+slideurl[0]+""></div>") document.write("<div id="imgcontainer2" style="position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px"><img src=""+slideurl[1]+""></div>") document.write("</div>") window.onload=stretchimage } else { document.write("<a href="javascript:simpleslideshowjump()"><img name="slideimage" src=""+slideurl[0]+"" border=0></a>") window.onload=simpleslideshow } </script> </td></tr></table> </td></tr></table> |
نص يظهر بطريقة الآلة الكاتبة
انسخ هذا الكود و عدل للذي يناسبك
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الكود:----------تحديد المحتوى</td></tr><tr><td class="code"> <p id='anima' style="position:absolute;font-size:20;background-color:white;"> </p> <br> <br> <script language="JavaScript"> // Visit http://www.star28.com/ for more code <!-- Begin text = "هذا هو النص الذي يظهر بطريقة الآلة الكاتبة ....."; word = text.split('~'); i = -1; //letter count j = 0; //which word in array is to be spelled start = 0; //variable to hold cycles of the blink scount = 0; //variable to hold cycles of the mispell function checkIt() { with(document.all.anima) { if(innerText.charAt(innerText.length-1) == "_") { innerText = innerText.substring(0, innerText.length - 1); return true; } else { innerText = innerText + "_"; return false; } } } function blinkfor(count, timing) { with(document.all.anima) { if(start < count) { if(checkIt()) { start++; } mistake = 'blinkfor('+count+','+timing+')'; setTimeout('eval(mistake)', timing); } else { start = 0; i++; call_It(); } } } function mispell(offset,correction) { with(document.all.anima) { if(scount < offset) { if(!checkIt()) { innerText = innerText.substring(0, innerText.length-2) + "_"; scount++; } mistake = 'mispell(' + offset + ', "' + correction + '")'; setTimeout("eval(mistake)", 150); } else { if(correction == '' && scount == offset ) { i = i - offset; scount++; } if(offset > 0) { if(checkIt()) { innerText += correction.charAt(correction.length - offset) + "_"; offset--; } mistake = 'mispell(' + offset + ',"' + correction + '")'; setTimeout("eval(mistake)", 150); } else { scount = 0; j++; innerText = innerText.substring(0, innerText.length - 1); call_It(); } } } } function spellit(string) { with(document.all.anima) { if(i <= string.length) { if(string.charAt(i) == '/') { NumErrs = string.charAt(i + 1); NewLets = string.substring(i + 2, i + NumErrs); mispell(NumErrs,NewLets); } else if(i <= string.length - 1) { i++; innerText = string.substring(0,i) + "_"; mistake = 'spellit("' + string + '")'; setTimeout("eval(mistake)", 150); } else { innerText = string.substring(0, i); j++; call_It(); } } } } function call_It() { with(document.all) { if(i == -1){ blinkfor(4, 150); } else if(j <= word.length - 1) { spellit(anima.innerText + " " + word[j]); } else { blinkfor(100,230); } } } if(document.all) { call_It(); } // End --> </script> </td></tr></table> |
