شبكة غزة سوفت لخدمات الانترنت - سكربتات مجانية لتطوير وتصميم المواقع

كود يجعل الروابط تضيء

ـــــــــــــــــــ

كود بسيط لظهور الأمثال والحكم في صفحتك وتتغير عند كل تحديث او زيارة للموقع

ـــــــــــــــــــ

تعريف الروابط

<STYLE>  </STYLE> <DIV class="off" onMouseOver="this.className='over'; Description.innerText='من محركات البحث المشهورة فى الانترنت'" onMouseOut="this.className='off'; Description.innerText=' '">موقع الياهو</DIV> <DIV class="off" onMouseOver="this.className='over'; Description.innerText='محرك بحث ودليل'" onMouseOut="this.className='off'; Description.innerText=' '" >التافيستا</DIV> <DIV class="off" onMouseOver="this.className='over'; Description.innerText='من اقوى محركات البحث فى الانترنت'" onMouseOut="this.className='off'; Description.innerText=' '">الهوت بوت</DIV> <DIV class="description" ALIGN=Left ID="Description" > </DIV>

ـــــــــــــــــــ

يجعل الرابط بخطين في الاسفل والاعلى

<html> <head> <title>(ASP) Protect a page with user id and password</title> <meta name="Description" Content="Password protect a page with ASP This site helps you create a better web page. It features tutorials, tips, tricks, how-to guide, and other web design related topics, Web developers and web designers can catch up with the latest technology such as Active Server Pages, CSS Style Sheets, Dynamic HTML, and other relevant topics about web page design."> <meta name="Keywords" Content="asp, password protect, user id and password, ASP, Active Server Pages, HTML, How To, make my pages better, Site Promotion, Web Design, Javascripts, Web Development, PSACAKE"> <meta name="resource-type" Content="Document"> <meta name="distribution" Content="global"> <meta name="Author" Content="Bryan Harrington"> <meta name="copyright" content="Copyright 2000, psacake.com"> <meta name="Category" content="General, Internet, Web Design, Active Server Pages, HTML, Services"> <meta name="REVISIT" content="Every fifteen (15) calender days"> <meta name="ROBOTS" content="INDEX, FOLLOW"> <LINK REL="Bookmark Icon" HREF="http://www.psacake.com/favicon.ico"> <LINK REL="Shortcut Icon" HREF="http://www.psacake.com/favicon.ico"> <style TYPE="text/css">  </style> <meta name="Microsoft Border" content="b, default"> </head>

ـــــــــــــــــــ

تحية مع الرابط .. رائع

<html> <head> <title></title> </head> <body TEXT="#000000" BGCOLOR="#FFFFFF" background="" topmargin="5"> <div align="center"><center> <table border="0" width="566"> <tr> <td width="100%"><p align="center"><font face="Verdana"><big><strong></strong></big></font></p> <p align="left"><font color="#000000" face="Verdana"><small></small></font> <script> /* Scrolling Image Map/Text Link Tooltip Script- For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (!document.layers&&!document.all) event="test" function showtip2(current,e,text){ if (document.all&&document.readyState=="complete"){ document.all.tooltip2.innerHTML='<marquee style="border:1px solid black"><font face=verdana size=-1>'+text+'</marquee>' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility="visible" } else if (document.layers){ document.tooltip2.document.nstip.document.write('<b>'+text+'</b>') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) document.tooltip2.left=e.pageX+10 document.tooltip2.top=e.pageY+10 document.tooltip2.visibility="show" } } function hidetip2(){ if (document.all) document.all.tooltip2.style.visibility="hidden" else if (document.layers){ clearInterval(currentscroll) document.tooltip2.visibility="hidden" } } function scrolltip(){ if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left=150 } </script> </p> <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow" align="center"><layer name="nstip" width="1000px" bgColor="lightyellow"> </layer> </div><a HREF="http://www.alwafi2000.com/" onMouseover="showtip2(this,event,'مرحبا بك فى موقع الوافى')" onMouseout="hidetip2()"><p align="center"><small><font face="Verdana">ضع الماوس هنا وشاهد التأثير</a> </font></small></p> <hr width="80%" size="1" color="#000000"> <p align="center"><font face="Verdana"><font color="#C0C0C0"><small><small> <a href=""></a></small></small></font></font></td> </tr> </table> </center></div> </body> </html>

ـــــــــــــــــــ

كود رائع يعطي لمعان للرابط عند تمرير الماوس

<html> <head> <TITLE>textlink animation onmouseover</TITLE> <meta NAME="keywords" CONTENT="DHTML, ticker, marquee, mouse, onmouseomve, Dynamic HTML, CSS, Headline, font, style, stylesheet, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript"> <meta NAME="description" CONTENT="This is the first textlink-animation worldwide. Made for IE4.x"> <script>  </script> <STYLE TYPE="text/css">  </STYLE> </head> <body id=thisbody bgcolor=#FFFFFF> <DIV id=mainbody style="position: absolute; top:50px; left:50px; width:450px; color: 000000;font-size:14pt;font-family:Arial;font-weight:bold"><a id="link1" href="http://www.alwafi2000.com" onMouseOver="startanimation('link1')" onMouseOut="stopanimation()" target="_blank">ضع الماوس هنا لو سمحت</a> </body> </html>

ـــــــــــــــــــ

رسالة تتحرك في البار العلوي

ـــــــــــــــــــ

اعطاء الخيار لزوار الموقع اختيار مقاس الصفحة

ـــــــــــــــــــ

كود وظيفته تثبيت خلفية الصفحة

ـــــــــــــــــــ

كود يجعل دخول الصفحة على شكل مربعات

<style>  </style>

ـــــــــــــــــــ

كود جميل يمكن العرض من خلاله أكثر من بانر عند كل تحديث

ـــــــــــــــــــ

كود لاخر تحديث

ـــــــــــــــــــ

كود يجعل الصفحة تمطر

<BODY> <SCRIPT LANGUAGE="JavaScript">      </script> <p><center> <font face="arial, helvetica" size="-2"><br> <a href="http://javascriptsource.com"></a></font> </center><p>

ـــــــــــــــــــ

كلام يخرج من اسفل الصفحة الى الاعلى ويختفي

ـــــــــــــــــــ

كلام يتمرجح في الصفحة

<html> <head> <title> -> http://java.tatousek.cz - 00088 Sample</title> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head> <body bgcolor="#000000" text="#000000"> <div id='napis' style='position: absolute; top: -50; color: #D23842; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;'> FaisaL1.com </div> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </body> </html>

ـــــــــــــــــــ

كلام يخرج من اسفل الصفحة الى الاعلى

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY OnLoad="scrollnews(0)">  <div ID="news" style="position:absolute; visibility:hidden; top:1; left:1; height:600; clip:rect(10,100,100,10); border-width:0px;"> <table border=0 cellpadding=1 cellspacing=0 bgcolor="white"> <tr> <td> <script language="javascript"> document.write('<img src=' + blank + ' width=1 height='+boxheight+'>'); </script> </td> </tr> <tr> <td>  السلام عليكم ورحمة اللة وبركاتة<br> تستطيع عزيزى الزائر<br> كتابة اى شى تريدة هنا<br> مع ملاحضة تغيير هذا الكلام<br> لاى خدمات او مساعدة لاتتردد<br> فى ارسال لى ايميل<br><br> وسوف اساعدك بقدر المستطاع<br> اخوكم ::: فيصل<br> <br> <br> <a href="mailto:faam3@yahoo.com">faam3@yahoo.com</a>  </td> </tr> <tr> <td> <script language="javascript"> document.write('<img src=' + blank + ' width=1 height='+boxheight+'>'); </script> </td> </tr> </table> </div>

ـــــــــــــــــــ

قائمة تظهر عندما تدخل الصفحة

<html> <head> <title>موقع فيصل</title> </head> <body bgcolor="#FFFFFF"> <p align="center"><script language="JavaScript"></script></p> </body> </html>

ـــــــــــــــــــ

قائمة تظهر عندما تضغط على الزر الأيمن

ـــــــــــــــــــ

عرض جميل لبعض الروابط

<body bgcolor=white text=black> <div id=Out0 style="position:relative; left:20; top:+15px; width:90%;" > <span id=Out1 class=Outline style="hand: hand; "></span><b id=Out1 class=Outline style="cursor: hand; ">اضغط هنا لتشاهد بعض المواقع</b> <div id=Out1details style="display:None; position:relative; left:12;"> <U>http://www.altavista.com/</u> <P> <u>http://www.yahoo.com/</u> <P> <U>http://hotbot.lycos.com/</u> <P> <u>http://www.faisal1.com/</u> <P> <U>http://www.msn.com/</u> <P> <u>http://www.microsoft.com/</u> <P> <U>http://download.cnet.com/</u> <P> <u>http://www.google.com/</u> <P> <U>http://www.goto.com/</u> <P> <u>http://www.aol.com/</u> <P> </div> </div> <BR><BR><BR> <script language=JavaScript> function clickHandler() { var targetId, srcElement, targetElement; srcElement = window.event.srcElement; if (srcElement.className == "Outline") { targetId = srcElement.id + "details"; targetElement = document.all(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; } else { targetElement.style.display = "none"; } } } document.onclick = clickHandler; </script>

ـــــــــــــــــــ

عارض للصور

<table border="0" cellpadding="0"> <caption><strong></strong></caption> <tr> <td width="100%"><img src="هنا تضع عنوان الصورة" width="300" height="240" name="photoslider"></td> </tr> <tr> <td width="100%"><form method="POST" name="rotater"> <div align="center"><center><p><script language="JavaScript1.1"> var photos=new Array() var which=0 /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ photos[0]="هنا تضع عنوان الصورة" photos[1]="هنا تضع عنوان الصورة" photos[2]="هنا تضع عنوان الصورة" photos[3]="هنا تضع عنوان الصورة" photos[4]="هنا تضع عنوان الصورة" function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' } </script><input type="button" value="<<خلف" name="B2" onClick="backward()"> <input type="button" value="امام>>" name="B1" onClick="forward()"><br> <a href="#" onClick="which=1;backward();return false"><small>من البداية</small></a></p> </center></div> </form> </td> </tr> </table> <p align="center"><font face="arial" size="-2"></font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">

ـــــــــــــــــــ

يعمل تحديث لصورة معينه مع كل مرة تدخل فيها لصفحة معينه

ـــــــــــــــــــ

يجعل دخول الصفحة من الداخل ويعطي منظر جميل

ـــــــــــــــــــ

كود للمواقع العشوائية وهو مفيد

ـــــــــــــــــــ

نافذة صغيرة لتوديع زائرك

<HTML> <head> <TITLE>Javascript - Fenêtre de salutations</TITLE> <SCRIPT LANGUAGE="JavaScript"> function salut(){ f=window.open('','','toolbar=no,menubar=no,location=no,left=50,top=50,height=100,width=200'); f.document.write("<H1><CENTER>مع السلامة</H1></CENTER>"); } </SCRIPT> </HEAD> <BODY onUnload="salut()"> <p align="center"></p> </body> </HTML>

ـــــــــــــــــــ

كود لتشغيل ملف صوتي

ـــــــــــــــــــ

كود جميل لعمل إطار للصفحة مع التحكم باللون والمقاس

ـــــــــــــــــــ

شريط متحرك يحتوي على روابط

روابط تتحرك بشكل عامودي

<table> <td width="100%" align="center"><font face="Tahoma"> <script language="JavaScript1.2"> //configure the below five variables to change the style of the scroller var scrollerwidth=150 var scrollerheight=90 var scrollerbgcolor='lightyellow' //set below to '' if you don't wish to use a background image var scrollerbackground='scrollerback.gif' //configure the below variable to change the contents of the scroller var messages=new Array() messages[0]="<font face='tahoma'><a href='http://ضع عنوان الرابطة 0'>ضع جملة هنا</a></font>" messages[1]="<font face='tahoma'><a href='http://ضع عنوان الرابطة 1'>ضع جملة هنا1</a></font>" messages[2]="<font face='tahoma'><a href='http://ضع عنوان الرابطة 2'>ضع جملةهنا2</a></font>" messages[3]="<font face='tahoma'><a href='http://ضع عنوان الرابطة 3'>ضع جملة 3هنا</a></font>" messages[4]="<font face='tahoma'><a href='http://ضع عنوان الرابطة 4'>ضع جملة هنا4</a></font>" ///////Do not edit pass this line/////////////////////// if (messages.length>1) i=2 else i=0 function move1(whichlayer){ tlayer=eval(whichlayer) if (tlayer.top>0&&tlayer.top<=5){ tlayer.top=0 setTimeout("move1(tlayer)",3000) setTimeout("move2(document.main.document.second)",3000) return } if (tlayer.top>=tlayer.document.height*-1){ tlayer.top-=5 setTimeout("move1(tlayer)",100) } else{ tlayer.top=scrollerheight tlayer.document.write(messages[i]) tlayer.document.close() if (i==messages.length-1) i=0 else i++ } } function move2(whichlayer){ tlayer2=eval(whichlayer) if (tlayer2.top>0&&tlayer2.top<=5){ tlayer2.top=0 setTimeout("move2(tlayer2)",3000) setTimeout("move1(document.main.document.first)",3000) return } if (tlayer2.top>=tlayer2.document.height*-1){ tlayer2.top-=5 setTimeout("move2(tlayer2)",100) } else{ tlayer2.top=scrollerheight tlayer2.document.write(messages[i]) tlayer2.document.close() if (i==messages.length-1) i=0 else i++ } } function move3(whichdiv){ tdiv=eval(whichdiv) if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){ tdiv.style.pixelTop=0 setTimeout("move3(tdiv)",3000) setTimeout("move4(second2)",3000) return } if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ tdiv.style.pixelTop-=5 setTimeout("move3(tdiv)",100) } else{ tdiv.style.pixelTop=scrollerheight tdiv.innerHTML=messages[i] if (i==messages.length-1) i=0 else i++ } } function move4(whichdiv){ tdiv2=eval(whichdiv) if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){ tdiv2.style.pixelTop=0 setTimeout("move4(tdiv2)",3000) setTimeout("move3(first2)",3000) return } if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ tdiv2.style.pixelTop-=5 setTimeout("move4(second2)",100) } else{ tdiv2.style.pixelTop=scrollerheight tdiv2.innerHTML=messages[i] if (i==messages.length-1) i=0 else i++ } } function startscroll(){ if (document.all){ move3(first2) second2.style.top=scrollerheight second2.style.visibility='visible' } else if (document.layers){ document.main.visibility='show' move1(document.main.document.first) document.main.document.second.top=scrollerheight+5 document.main.document.second.visibility='show' } } window.onload=startscroll </script> <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide> <layer id="first" left=0 top=1 width=&{scrollerwidth};> <script language="JavaScript1.2"> if (document.layers) document.write(messages[0]) </script> </layer> <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide> <script language="JavaScript1.2"> if (document.layers) document.write(messages[1]) </script> </layer> </ilayer> <script language="JavaScript1.2"> if (document.all){ document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">') document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">') document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">') document.write(messages[0]) document.writeln('</div>') document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0;visibility:hidden">') document.write(messages[1]) document.writeln('</div>') document.writeln('</div>') document.writeln('</span>') } </script></font></td>

ـــــــــــــــــــ

شرح للوصلة في الشريط السفلي

TARGET="_New" onMouseOver="window.status="هنا تضع شرح الوصلة;return true" onMouseOut="window.status='';return true"