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

تعلم الإستعمال الجيد لكود الجافا ولغة الـ : (ش ت م ل) ضروري لكل من يرغب بإنشاء موقع أو صفحة أنترنت .

تغيير ألوان الصفحة بمرور الماوس على الكلمة

موقعك أو أي كلمة تتبع الفأرة

هذا الكود يتكون من خطوتان
الخطوه الاولى
عليك بإضافة هذا الكود
<style>.spanstyle {
	COLOR: orange; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var x, y;
var step = 10;
var flag = 0;

if (flag == 1 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
   }
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
   }
}
var timer = setTimeout("makesnake()", 10);
}
// End -->
</script>
في منطقة الرأس أي بين الواصفتين 
<head>- </head>
والخطوه الثانية إضافة بقية الكود بين الواصفتين 
 <body> - </body>
وهذا كود الخطوه الثانية
<body onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">

<SCRIPT LANGUAGE="JavaScript">

</script>

<p align="center"><a href="http://tahar2000.jeeran.com/"><font
color="#FF00FF" size="4"><strong>Belalem M Tahar</strong></font></a></p>

وردة تتبع الفأرة

هذا الكود يتكون من خطوتان
الخطوه الاولى
عليك بإضافة هذا الكود
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">

/*
Submitted by Mike McGrath  http://website.lineone.net/~mike_mcgrath
Featured on Website Abstraction (http://adobhost.com)
For this and over 400+ free scripts, visit http://wsabstract.com
*/

var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function get_mouse(e)
{    
  x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
  y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
  x += x_offset;
  y += y_offset;
  beam(1);     
}

function fade(n)
{
  if(n>0) 
  {
    if(nav)eval("document.div"+n+".visibility='hidden'");
    else eval("div"+n+".style.visibility='hidden'"); 
    n--;
    tmr=setTimeout("fade("+n+")",spd);
  }
  else clearTimeout(tmr);
}

// -->
</SCRIPT>
<STYLE TYPE="text/css">
<!--

BODY{
overflow:scroll;
overflow-x:hidden;
}

.s1
{
  position  : absolute;
  font-size : 10pt;
  color     : blue;
  visibility: hidden;
}

.s2
{
  position  : absolute;
  font-size : 18pt;
  color     : red;
	visibility : hidden;
}

.s3
{
  position  : absolute;
  font-size : 14pt;
  color     : gold;
	visibility : hidden;
}

.s4
{
  position  : absolute;
  font-size : 12pt;
  color     : lime;
	visibility : hidden;
}

//-->
</STYLE>
في منطقة الرأس أي بين الواصفتين 
<head>- </head>
والخطوه الثانية إضافة بقية الكود بين الواصفتين 
 <body> - </body>
وهذا كود الخطوه الثانية
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<p align="center"><a href="http://www.adobhost.com/"><font
color="#FF00FF" size="4"><strong>AdobHost.com</strong></font></a></p>

تأثير ملون يتبع الفأرة

<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,2,2"></LAYER>
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000"
CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000"
CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff"
CLIP="0,0,2,2"></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,3,3"></LAYER>
<script language="JavaScript">
/*
Magic Wand cursor (By Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in
archive
For full source, usage terms, 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:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div
style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div
style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div
style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div
style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div
style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div
style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div
style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}
var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';
if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
if (document.all)
{ function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos
= document.body.scrollTop+event.y; } document.onmousemove =
MoveHandler;
}
else if (document.layers)
{ function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; }
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{ yBase = window.document.body.offsetHeight/4; xBase =
window.document.body.offsetWidth/4;
}
else if (document.layers)
{ yBase = window.innerHeight/4; xBase = window.innerWidth/4;
}
if (document.all)
{ for ( i = 0 ; i < starsDiv.all.length ; i++ ) {step=3;
starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep +
i*4)/12)*Math.cos(0.7+currStep/200); starsDiv.all[i].style.left = Xpos
+ xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400); for
(ai=0; ai < Clrs.length; ai++) { var
c=Math.round(Math.random()*[ai]); }
starsDiv.all[i].style.background=Clrs[c]; }
}
else if (document.layers)
{ for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! {step = 4; var
templayer="a"+j document.layers[templayer].top = Ypos +
yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
document.layers[templayer].left = Xpos + xBase*Math.sin((currStep +
j*3)/10)*Math.sin(8.2+currStep/400); for (aj=0; aj < Clrs.length;
aj++) { var c=Math.round(Math.random()*[aj]); }
document.layers[templayer].bgColor=Clrs[c]; }
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</script>
<p align="center"><a
href="http://www.adobhost.com"><font
color="#FF00FF"
size="4"><strong>AdobHost.com</strong></font></a></p>

نص متحرك في في اطار مستطيل صغير

لإدراج مقطوعة موسيقية من امتداد الرام أي : الريل بلاير ... تنسخ الكود وتغيير عنوان الأغنية

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

انسخ الكود و غير عنوان المقطوعة أو الأغنية

مثل السابق لكن الفرق أنه بأمكان الزائر أن يوقف المقطوعة أو الأغنية اذا لم يرغب في الإستماع

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

لإدراج الكود في أي منتدى يتعامل مع لغة الهتمل

أيضا لإدراج كود في المنتديات

كتابة من تحت الى فوق في مستطيل أو مربع حسب رغبتك

كتابة من فوق الى تحت في مستطيل أو مربع

كتابة من اليمين الى اليسار

كتابة من اليسار الى اليمين

وهذا الكود اذا أردت ادراج صفحة أو موقع من الفلاش

لإدراج اطار لموضوعك

لكشف محتويات الجهاز وبأستطاعتك الإختيار ما بين الدرايفر

الإنتقال التلقائي لصفحة أو لموقع آخر

قائمة منسدلة

كتابة تصعد الى فوق وتنزل الى تحت

وهذا من تحت الى فــوق

رســــــــــالة تحــــــــــدي

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

لإضافة خلفية للمنتدى

لوضع اطار لمقطع فيــــديـــــو

لإدراج توقيعك في مستطيل و تأرجحه يمينا ويسارا

أفرض عندك بروكسي ولا تريد أحد يعرف مصدره أو عنوانه ... هذا يفي بالغرض

كتابة مظلله مع امكانك تغيير حجم ونوع ولون الخط

الكتابة بالنار

عبارة عن رسالة يظهر في الصفحة زرار .. اذا ضغط عليه الزائــر تخرج له رسالة

عبارة عن مستطيل وكتابتك في وسطه ... تتحرك من اليسار الى اليمين والعكس

عبارة عن مستطيل وكتابتك تتحرك من تحت الى فوق والعكس

لتغييـــر الكتابة في المنتديات التي تتعامل مع لغة الهتمل

كتابة ملونة مثل الإشعاع

الكتابة على خلفية بدلا من خلفية المنتدى

كتابه متموجه من الأسفل إلى الأعلى

خلفية متحركة

لوضع خلفية للموضوع

كود لعرض عمل الفلاش

كتابة مظللة

لوضع صورة في المنتدى

لإضافة وصلة من موقع كان

لوضع ارتباط لموقع أو للإعلان على صورة

لوضع عنوان بريدك الإلكتروني على صورة أنت تختارها

لوضع وصلة لبريدك

كتابة مجوفة جميلة

للكتابة بالألوان مع امكانية تغيير اللون

للكتابة المائلة

لإدراج نافذة للكتابة المنسدلة كهذه النوافذ

سكربت لأظهار تاريخ أخر تعديل تم على الصفحه

سكريبت إظهار التاريخ باللغة العربية في موقعك

</script>

  <script>
document.write("<b><font face=Tahoma size=1>" + day +myweekday   );
document.write(month + ", " + year + "</font></b>");
</script>

سكريبت كل تحديث لصفحتك بصورة جديد

( ملاحظة : عليك بتغيير أسماء ملفات الصور بملفات صورك )

سكريبت صورة حسب اليوم من الشهر

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

كود وضع كلمة أو كلمات مشعة

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

/*
شبكة الفنار
www.25q8.com
*/

//range of glowing
var from = 3;
var to = 7;

//speed of pulsing
var delay = 85;

//color of glow, name or RGB value (example:'#')
var glowColor = "#FFBC6A";

//NO MORE EDITING!!!
var i = to;
var j = 0;

//can be called here or whenever you want the text to start pulsing
textPulseDown();

function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}

if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}

}

function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}

if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}

// --></script> </strong></font></p>

طيران صورة معينه في صفحتك فقط قم بوضع عنوان الصورة

<!-- ONE STEP TO INSTALL BOUNCING IMAGE:

1.  Copy the coding into the BODY of your HTML document  -->

<BODY>

</script>

( عليك إلا أن تبدل الآرقام بأسماء الملفات الخاصة بصور الأيام المطلوبة )

ـــــــــــــ منقول ومدعم ــــــــــــــ