MaKKe

أهلاً @ بكم @ في @ موقع @ مكي

لمعرفة كيفية استخدام الاكواد بالصور اضغط هنا

في موقعك HTML طريقة استخدام هذه الاكواد: قم بنسخ الكود المناسب والصقه في محرر

اخر الاخبار من قناة الجزيرة جديد

</iframe><iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://www.faisal1.com/jazeer1m.php">

اخر الاخبار من موقع البي بي سي جديد

</iframe><iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://www.faisal1.com/bbc1m.php">

اخر الاخبار من موقع عكاظ جديد

<IFRAME align="right" MARGINHEIGHT="0" MARGINWIDTH="1" WIDTH="100%" SRC="http://www.okaz.com.sa/okaz/services/news/getnews.asp" name="I1" frameborder="0" height="29" scrolling="no" ></IFRAME>

شريط مكاني الاخباري

<iframe border="0" src="http://www.makany.com/news_bar.php?uc=1069957342" frameBorder="0" width="100%" scrolling="no" height="29" name="I1"> </iframe>

جالب اخبار محيط

<HTML> <HEAD> <title>اسم موقعك </title> </head> <frameset rows="*,30" border="0" frameborder="0" ramespacing=0 > <frame name="Main" marginwidth="0" marginheight="0" scrolling="Auto" src="هنا تضع عنوان موقعك"> <frame name="up" marginwidth="0" marginheight="0" scrolling="no" src="http://www.moheet.com/new/up.asp"> </frameset>

محرك بحث

محرك بحث

محرك بحث العرب

<html><head><title>Suggestion form on an Arab Search Engine</title> <META NAME="description" CONTENT="Suggest an arab search engine or an Arab directory"> <META NAME="keywords" CONTENT="Arabic Search Engines, Arab Search Engine"></head> <body background="backg.gif" link="#800040" vlink="#001428"> <center><font size="2" face="Arial"><b><a href="http://www.arab.de/asearch.htm"> </a></b></font></center><br><br><br> <p><center><font size ="2" face="Arial"><b> Please enter the URL of the arab search engine or directory<p> </b></font></center><center><form action="/cgi-bin/email/ArabAlman/sgsearch.eml" method="POST"> <input type="hidden" name="ResponsePage" value="http://members.aol.com/ArabAlman/sgsdanke.htm"> <font size="2" face="Arial"><b>URL:</b></font><input type="text" size="60" name="URL" value="http://"><br><br> <input type="submit" value="Submit URL"> <input type="reset" value="Clear URL"></form></center> <br><br><br><center><font size="2" face="Arial"><b><a href="http://www.arab.de/asearch.htm"> </a></b></font></center></body></html>

باحث متقدم

<html> <head> <title>باحث متقدم</title> <meta NAME="GENERATOR" CONTENT="Claris Home Page 3.0 30 Day Trial"> <X-CLARIS-WINDOW TOP="0" BOTTOM="315" LEFT="0" RIGHT="628"> <X-CLARIS-TAGVIEW MODE="minimal"> <meta HTTP-EQUIV="EXPIRES" VALUE="0"> <style></style> <script language="javascript"></script> </head> <body BGCOLOR="#FFFFFF" VLINK="#0000FF"> <p> </p> <script LANGUAGE="javascript"></script> <noscript> <form ACTION="http://search.go2net.com/crawler" METHOD="GET"> <p><input TYPE="text" NAME="general" VALUE SIZE="30"> <input TYPE="submit" NAME="Submit" VALUE=" بحث "> </p> </form> </body> </html>

أعلى

تقويم ميلادي

<BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT> </CENTER>

تاريخ

ساعة

<SCRIPT LANGUAGE="JavaScript"> var timerID = null var timerRunning = false function stopclock() { if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock() { stopclock() showtime() } function showtime() { var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? "PM" : "AM" document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </SCRIPT> <form name="clock" onSubmit="0"> <INPUT TYPE="text" NAME="face" SIZE=11 READONLY VALUE ="....Initializing...."> </form> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

ساعة صغيرة سوداء

ساعة

<applet CODE="Clock3D.class" WIDTH="200" HEIGHT="200"> <param name="fps" value="18"> <param name="a1" value="12500"> <param name="pixd" value="29"> <param name="pixangle" value="5"> <param name="radius" value="26"> <param name="roty" value="-4"> <param name="rotx" value="0"> <param name="rotz" value="0.401"> <param name="irotx" value="0"> <param name="iroty" value="0"> <param name="irotz" value="00"> <param name="style" value="1"> <param name="color" value="#00FF66"> <param name="bgcolor" value="#000000"> <param name="12hour" value="0"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

ساعة صورة

<applet CODE="PictureClock.class" width="155" height="155"> <param name="Picture" value="oliver2.gif"> <param name="CounterClockwise" value="no"> <param name="ShowSecond" value="yes"> <param name="ShowMark" value="large"> <param name="MarkColor" value="black"> <param name="ShowRoundFrame" value="no"> <param name="RoundFrameWidth" value="1"> <param name="RoundFrameColor" value="black"> <param name="HourHandColor" value="yellow"> <param name="MinuteHandColor" value="green"> <param name="SecondHandColor" value="red"> <param name="BackgroundColor" value="#99cccc"> <param name="LengthHourTail" value="4"> <param name="LengthMinuteTail" value="6"> <param name="LengthSecondtail" value="8"> <param name="HourWaistSize" value="4"> <param name="MinuteWaistSize" value="3"> <param name="SecondWaistSize" value="2"> <param name="CenterDotColor" value="#000000"> <param name="CenterDotRadius" value="2"> <param name="ShowFrame" value="no"> <param name="ClockXOffset" value="34"> <param name="ClockYOffset" value="73"> <param name="ClockRadius" value="20"> </applet> <p align="center"><font face="arial" size="-2">Free Java applets provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

رسالة تظهر للزائر عندما يدخل لصفحتك

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

إضافة الموقع الى المفضلة

<a href="javascript:window.external.AddFavorite('http://سجل هنا عنوان موقعك/',%20'((( سجل هنا اسم موقعك بالعربى)))')"> سجل في مفضلتك </a>

اضافة الموقع الى المفضلة

<a HREF="javascript:window.external.AddFavorite('https://aea23.tripod.com/', ' [ MaKKe ] ')"><font face="Arial" size="2"><span style="background-color: rgb(232,204,153)"><strong>Add my WebSite to your favourites</strong></span></font></a>

اضافة الموقع الى المفضلة

<a href="javascript:window.external.AddFavorite('http://damma2000.homepage.com/', '((( MaKKe )))')">سجل في مفضلتك عنوان الموقع aea23.tripod.com </a>

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

أعلى

لطلب اسم الزائر

<SCRIPT LANGUAGE="Javascript"> //http://www.alsaher.net name=window.prompt("ادخل أسمك.","الملقوف "); document.write("<H1 align=center>يا شين اللقافه يا! "+name+".</H1>") //--> </script>

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

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

لعمل تحية حسب الوقت

تحية حسب الوقت

<html> <head><script LANGUAGE="JavaScript"> function createHexArray(n) { this.length = n; for (var i = 1; i <= n; i++) this[i] = i - 1; this[11] = "A"; this[12] = "B"; this[13] = "C"; this[14] = "D"; this[15] = "E"; this[16] = "F"; return this; } hx = new createHexArray(16); function convertToHex(x) { if (x < 17) x = 16; var high = x / 16; var s = high+""; s = s.substring(0, 2); high = parseInt(s, 10); var left = hx[high + 1]; var low = x - high * 16; if (low < 1) low = 1; s = low + ""; s = s.substring(0, 2); low = parseInt(s, 10); var right = hx[low + 1]; var string = left + "" + right; return string; } function makeRainbow(text) { text = text.substring(0, text.length); color_d1 = 255; mul = color_d1 / text.length; for(var i = 0; i < text.length; i++) { color_d1 = 255*Math.sin(i / (text.length / 3)); color_h1 = convertToHex(color_d1); color_d2 = mul * i; color_h2 = convertToHex(color_d2); k = text.length; j = k - i; if (j < 0) j = 0; color_d3 = mul * j; color_h3 = convertToHex(color_d3); document.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>"); } } // End --> </script> <title>نص بلون قوس قزح</title> </head> <body> <strong><font size="5"><script>  </script> </font></strong> </body> </html>

كود يمنع الضغط على الزر الايمن فوق اي صورة ماعدا ذلك فهو مسموح .. ولايحتاج منك تحديد عنوان الصورة

كود يمنع استخدام الزر الايمن و يمنع اي عمليه مسح لصورة او كتابة

<body id="CBody" onbeforeprint="onbeforeprint()" onafterprint="onafterprint()" onselectstart="return false" oncontextmenu="return false;">

كود لتلوين شريط التمرير في صفحتك.. ويمكن التحكم بالالوان كما تريد

<STYLE>BODY { SCROLLBAR-FACE-COLOR: #808080; SCROLLBAR-HIGHLIGHT-COLOR: #eabc5a; SCROLLBAR-SHADOW-COLOR: #eabc5a; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #c0c0c0; SCROLLBAR-DARKSHADOW-COLOR: #eabc5a } </STYLE>

لتحديث الصفحة

عداد رائع تستطيع وضعه في جميع الصفحات مع ضرورة تغيير العنوان في كل مرة

<img src="http://cgibin.erols.com/cgi-bin/Count.cgi?df=غير العنوان &ft=6&tr=N&dd=B&md=8">

للتعرف على رموز الالوان

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta http-equiv="Content-Language" content="ar-sa"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Welcome To ABQARIAH</title> <STYLE> A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:active { TEXT-DECORATION: none } A:hover { TEXT-DECORATION: none } </STYLE> <SCRIPT language=JavaScript>  } </SCRIPT> </head> <body link="#FFFFFF" text="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#FFE88A"> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="563" height="31"> <tr> <td width="563" height="11"> <p align="center"><b><font size="7" color="#000000">ألوان</font></b></td> </tr> </center> <tr> <td width="563" height="16"> <p align="center"><b><font size="5" color="#000000"> <marquee direction="right">أختر ما يناسبك من الألوان وضعها في موقعك</marquee> </font></b></td> </tr> </table> </div> <p align="center"><b><font color="#000000" size="6">ألوان أساسية</font></b></p> <div align="center"> <table border="0" cellpadding="0" cellspacing="6" width="636" height="202"> <tr> <td width="100" height="100" bgcolor="#000000"> <p align="right"><font color="#FFFFFF"><a href="javascript:void(0)" onCLICK="document.bgColor='#000000'"><span style="background-color: #000000">#000000</span></a></font></td> <td width="100" height="100" align="right" bgcolor="#FFFFFF"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFFFF'"><span style="background-color: #000000">#FFFFFF</span></a></td> <td width="100" height="100" bgcolor="#008000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#008000'"><span style="background-color: #000000">#008000</span></a></td> <td width="100" height="100" bgcolor="#800000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#800000'"><span style="background-color: #000000">#800000</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#808000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#808000'"><span style="background-color: #000000">#808000</span></a></td> <td width="100" height="100" bgcolor="#000080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#000080'"><span style="background-color: #000000">#000080</span></a></td> <td width="100" height="100" bgcolor="#800080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#800080'"><span style="background-color: #000000">#800080</span></a></td> <td width="100" height="100" bgcolor="#808080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#808080'"><span style="background-color: #000000">#808080</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FFFF00" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFF00'"><span style="background-color: #000000">#fFFF00</span></a></td> <td width="100" height="100" bgcolor="#00FF00" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FF00'"><span style="background-color: #000000">#00FF00</span></a></td> <td width="100" height="100" bgcolor="#00FFFF" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFFF'"><span style="background-color: #000000">#00FFFF</span></a></td> <td width="100" height="100" bgcolor="#FF00FF" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF00FF'"><span style="background-color: #000000">#FF00FF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#C0C0C0" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#C0C0C0'"><span style="background-color: #000000">#C0C0C0</span></a></td> <td width="100" height="100" bgcolor="#FF0000" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF0000'"><span style="background-color: #000000">#FF0000</span></a></td> <td width="100" height="100" bgcolor="#0000FF" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#0000FF'"><span style="background-color: #000000">#0000FF</span></a></td> <td width="100" height="100" bgcolor="#008080" align="right"> <p align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#008080'"><span style="background-color: #000000">#008080</span></a></td> </tr> <tr> <td width="400" height="39" colspan="4" align="right"> <p align="right"><font color="#000000" size="6"><b>ألوان اختيارية</b></font></td> </tr> <center> <tr> <td width="100" height="100" bgcolor="#CC3366" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC3366'"><span style="background-color: #000000">#CC3366</span></a></td> <td width="100" height="100" bgcolor="#FF9999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF9999'"><span style="background-color: #000000">#FF9999</span></a></td> <td width="100" height="100" bgcolor="#FF3366" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF3366'"><span style="background-color: #000000">#FF3366</span></a></td> <td width="100" height="100" bgcolor="#FFCCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCCFF'"><span style="background-color: #000000">#FFCCFF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF66CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF66CC'"><span style="background-color: #000000">#FF66CC</span></a></td> <td width="100" height="100" bgcolor="#CC6699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC6699'"><span style="background-color: #000000">#CC6699</span></a></td> <td width="100" height="100" bgcolor="#CC3399" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC3399'"><span style="background-color: #000000">#CC3399</span></a></td> <td width="100" height="100" bgcolor="#FF99CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF99CC'"><span style="background-color: #000000">#FF99CC</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF99FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF99FF'"><span style="background-color: #000000">#FF99FF</span></a></td> <td width="100" height="100" bgcolor="#FF6699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF6699'"><span style="background-color: #000000">#FF6699</span></a></td> <td width="100" height="100" bgcolor="#FF0066" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF0066'"><span style="background-color: #000000">#FF0066</span></a></td> <td width="100" height="100" bgcolor="#FF3399" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF3399'"><span style="background-color: #000000">#FF3399</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF33CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF33CC'"><span style="background-color: #000000">#FF33CC</span></a></td> <td width="100" height="100" bgcolor="#FF66FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF66FF'"><span style="background-color: #000000">#FF66FF</span></a></td> <td width="100" height="100" bgcolor="#CC99FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC99FF'"><span style="background-color: #000000">#CC99FF</span></a></td> <td width="100" height="100" bgcolor="#CC66CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC66CC'"><span style="background-color: #000000">#CC66CC</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#CC0099" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC0099'"><span style="background-color: #000000">#CC0099</span></a></td> <td width="100" height="100" bgcolor="#CC99CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC99CC'"><span style="background-color: #000000">#CC99CC</span></a></td> <td width="100" height="100" bgcolor="#996699" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#996699'"><span style="background-color: #000000">#996699</span></a></td> <td width="100" height="100" bgcolor="#CCCCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCCFF'""><span style="background-color: #000000">#CCCCFF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#9999FF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#9999FF'"><span style="background-color: #000000">#9999FF</span></a></td> <td width="100" height="100" bgcolor="#3366CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#3366CC'"><span style="background-color: #000000">#3366CC</span></a></td> <td width="100" height="100" bgcolor="#99CCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99CCFF'"><span style="background-color: #000000">#99CCFF</span></a></td> <td width="100" height="100" bgcolor="#6699CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#6699CC'"><span style="background-color: #000000">#6699CC</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#0099CC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#0099CC'"><span style="background-color: #000000">#0099CC</span></a></td> <td width="100" height="100" bgcolor="#00CCFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00CCFF'"><span style="background-color: #000000">#00CCFF</span></a></td> <td width="100" height="100" bgcolor="#99FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99FFFF'"><span style="background-color: #000000">#99FFFF</span></a></td> <td width="100" height="100" bgcolor="#66FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#66FFFF'"><span style="background-color: #000000">#66FFFF</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#00FFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFFF'"><span style="background-color: #000000">#00FFFF</span></a></td> <td width="100" height="100" bgcolor="#CCFFFF" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFFFF'"><span style="background-color: #000000">#CCFFFF</span></a></td> <td width="100" height="100" bgcolor="#00FFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FFCC'"><span style="background-color: #000000">#00FFCC</span></a></td> <td width="100" height="100" bgcolor="#339999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#339999'"><span style="background-color: #000000">#339999</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#009999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#009999'"><span style="background-color: #000000">#009999</span></a></td> <td width="100" height="100" bgcolor="#33CC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#33CC99'"><span style="background-color: #000000">#33CC99</span></a></td> <td width="100" height="100" bgcolor="#99CC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99CC99'"><span style="background-color: #000000">#99CC99</span></a></td> <td width="100" height="100" bgcolor="#00FF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00FF99'"><span style="background-color: #000000">#00FF99</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#66CC66" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#66CC66'"><span style="background-color: #000000">#66CC66</span></a></td> <td width="100" height="100" bgcolor="#99FF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#99FF99'"><span style="background-color: #000000">#99FF99</span></a></td> <td width="100" height="100" bgcolor="#003300" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#003300'"><span style="background-color: #000000">#003300</span></a></td> <td width="100" height="100" bgcolor="#006600" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#006600'"><span style="background-color: #000000">#006600</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#CCFFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFFCC'"><span style="background-color: #000000">#CCFFCC</span></a></td> <td width="100" height="100" bgcolor="#CCFF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCFF99'"><span style="background-color: #000000">#CCFF99</span></a></td> <td width="100" height="100" bgcolor="#00CC00" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#00CC00'"><span style="background-color: #000000">#00CC00</span></a></td> <td width="100" height="100" bgcolor="#999900" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999900'"><span style="background-color: #000000">#999900</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#CCCC66" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCC66'"><span style="background-color: #000000">#CCCC66</span></a></td> <td width="100" height="100" bgcolor="#999966" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999966'"><span style="background-color: #000000">#999966</span></a></td> <td width="100" height="100" bgcolor="#FFFFCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFFCC'"><span style="background-color: #000000">#FFFFCC</span></a></td> <td width="100" height="100" bgcolor="#FFFF99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFFF99'"><span style="background-color: #000000">#FFFF99</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF9900" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF9900'"><span style="background-color: #000000">#FF9900</span></a></td> <td width="100" height="100" bgcolor="#CC9999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC9999'"><span style="background-color: #000000">#CC9999</span></a></td> <td width="100" height="100" bgcolor="#CC9966" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CC9966'"><span style="background-color: #000000">#CC9966</span></a></td> <td width="100" height="100" bgcolor="#FFCC99" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCC99'"><span style="background-color: #000000">#FFCC99</span></a></td> </tr> <tr> <td width="100" height="100" bgcolor="#FF6666" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FF6666'"><span style="background-color: #000000">#FF6666</span></a></td> <td width="100" height="100" bgcolor="#CCCCCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#CCCCCC'"><span style="background-color: #000000">#CCCCCC</span></a></td> <td width="100" height="100" bgcolor="#999999" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#999999'"><span style="background-color: #000000">#999999</span></a></td> <td width="100" height="100" bgcolor="#FFCCCC" align="right"><a href="javascript:void(0)" onCLICK="document.bgColor='#FFCCCC'"><span style="background-color: #000000">#FFCCCC</span></a></td> </tr> </table> </center> </div> </body> </html>

درجة وضوح الشاشة

أعلى

لعمل رسالة في أعلى شريط الصفحة

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

عمل ثابت في أسفل شريط المعلومات

قائمة رهيبة تظهر من الجانب الايسر

قائمة نازلة

<center> <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <center> <form name="form"> <select name="site" size=1> <option value="http://worldzone.net/arts/damma2000">الصفحة الرئيسية <option value="http://worldzone.net/arts/damma2000/mofcra.html ">مفكرة دمعه للمواقع <option value="http://worldzone.net/arts/damma2000/spekhtm.shtml">حوارات دمعه <option value="http://www.alxbook.com/cgi-bin/guestbook.cgi?gb=Y36718">سجل الزوار <option value="http://worldzone.net/arts/damma2000/gift.htm ">صفحات للاهداء </select> <input type=button value="أذهب !" onClick="javascript:formHandler()"> </form> </center>

كلمات تتبع الفارة

عبارات مشعه

<p><span id="theText" style="width:100%"> </p> <p align="center"><font color="#FFF9F2" size="5" face="Monotype Koufi"><strong>جافا الفنر</strong></font><font color="#FFF9F2" size="4" face="Tahoma"><strong> </strong></font><font color="#FFF9F2" size="6"><strong> </span><script language="JavaScript"></script> </strong></font></p>

لعمل صفحة تهتز

نافذة من غير اطارات أو شريط تمرير تفتح عند الضغط على وصلة

هناك خطوتين

1- ضع الكود التالي في منطقة الراس : <SCRIPT LANGUAGE="JavaScript">  </script>

2- ضع الكود التالي في أي مكان من منطقة الجسم : <A HREF="javascript:popUp()">اضغط هنا </A>

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

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

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

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

<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.kuwait25.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>

أعلى

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

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

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

<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;'> aea23.tripod.com </div> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </body> </html>

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

<html> <head> <title>موقع مكي</title> </head> <body bgcolor="#FFFFFF"> <p align="center"><script language="JavaScript"></script></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"

لجعل صفحتك جذابة إلى حد كبير ، بتغيير لون الخلفية بطريقة عشوائية

هناك خطوتين

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </SCRIPT>

 <BODY> <CENTER> <a href="javascript:history.go(0)">Click here to get new colors</a> </center> <FORM name=blah> <table border=0 width=100%><tr><td align=left>Foreground color</td> <TD align=right>Background color</TD> </TR> <TR> <TD align=left> <input type=text name=fg> </TD> <TD align=right> <input type=text name=bg> </TD> </TR> </TABLE> </FORM> </CENTER>

الة حاسبة

ألعاب نارية

<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <script language="JavaScript"> /* Document firework script (By Kurt Gregg, kurt.grigg@virgin.net) Modified granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all) with(document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('</div>') } var Clrs=new Array(9) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ffa500'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; Clrs[8]='fffff0'; var sClrs=new Array(5) sClrs[0]='ffa500'; sClrs[1]='55ff66'; sClrs[2]='AC9DFC'; sClrs[3]='fff000'; sClrs[4]='fffff0'; var yBase; var xBase; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var initialStarColor='ffa000'; var Mtop=250; var Mleft=250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/8; } else if (document.layers) { yBase = window.innerHeight/3; xBase = window.innerWidth/8; } if (document.all) { step=5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; //window.status=currStep; T=setTimeout("Fireworks()",5); if (currStep==220) { currStep=-10; for (n=0; n < sClrs.length; n++) { var k=Math.round(Math.random()*n); } initialStarColor=sClrs[k]; if (document.all) { Dtop=window.document.body.clientHeight-250; Dleft=xBase*3.5; Mtop=Math.round(Math.random()*Dtop); Mleft=Math.round(Math.random()*Dleft); document.all.starsDiv.style.top=Mtop+document.body.scrollTop; document.all.starsDiv.style.left=Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft=window.innerWidth-100; Dtop=window.innerHeight-100; Mtop=Math.round(Math.random()*Dtop+window.pageYOffset); Mleft=Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top=Mtop; document.layers[templayer].left=Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop+=90; Mleft+=90; } } } if (document.all||document.layers) Fireworks(); </script>

مزح ثقيل

أعلى

MaKKe