...::: بــوابـة ســوريـة :::...

:: الصفحة الثانية ::

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

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

<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" 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>

رسالة تتحرك في البار العلوي .. شاهده في هذه الصفحة

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

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

<html> <head> <title>Last modified date-by Austin Wright</title> </head> <body> <font face="Arial" size=1><script language="JavaScript">  </script></font> </body> </html>

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

<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 > <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"

الصفحة الأولى