عرب كود - مؤثرات الصفحة

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

يمكن تغيير اللون الأحمر اذا أردت
طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD
<style>  </style>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<div id="i1" class="intro"></div> <script language="JavaScript1.2"> /* Boxing In Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, dynamicdrive.com * Visit our site at http://www.star28.com/ for more code */ //change speed here var speed=5 if (document.layers){ var reference=window.innerWidth/window.innerHeight var temp=eval("document.i1.clip") temp.left=temp.top=0 temp.right=window.innerWidth temp.bottom=window.innerHeight } else if (document.all){ var reference=document.body.clientWidth/document.body.clientHeight var rightclip,leftclip,topclip,bottomclip var temp=document.all.i1.style topclip=leftclip=0 rightclip=temp.width=document.body.clientWidth bottomclip=temp.height=document.body.clientHeight } function doit(){ window.scrollTo(0,0) if (document.layers){ if (temp.left>window.innerWidth/2) clearInterval(stopit) temp.left+=reference*speed temp.top+=speed temp.right-=reference*speed temp.bottom-=speed } else if (document.all){ if (leftclip>document.body.clientWidth/2) clearInterval(stopit) temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")" leftclip+=reference*speed topclip+=speed rightclip-=reference*speed bottomclip-=speed } } stopit=setInterval("doit()",100) </script>

<><><><><><><><><><><><><><><>
كود الزلزال

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<script language="JavaScript1.2"> /***************************************** * Visit our site at http://www.star28.com/ for more code ***********************************************/  </script> <form> <p align="center"><input type="button" value="اضغـــط هنـــا" onclick="shake(2)"> </p> </form>

<><><><><><><><><><><><><><><>

لجعل الصفحة تتحرك الى الأسفل تلقائياً

طريقة التركيب

انسخ هذا الكود و ضعه في منطقة HEAD

<><><><><><><><><><><><><><><>
لوضع صفحة داخل صفحتك

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<><><><><><><><><><><><><><><>
كود تحويل الزائر الى صفحة وفق الوقت الذي تحدده أنت

طريقة التركيب

انسخ هذا الكود و ضعه في منطقة HEAD
غير العنوان للذي يناسبك و الرقم 25 يشير الى عدد الثواني المتبقية للنقل
ضعها الى 0 للنقل المباشر

<><><><><><><><><><><><><><><>
كود ألعاب نارية 1

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<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
Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use */
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>

<><><><><><><><><><><><><><><>

كود ألعاب نارية 2

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<><><><><><><><><><><><><><><>

كود ألعاب نارية 3

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة الرأس HEAD

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<SCRIPT language=JavaScript>
/*
VML Fireworks script -- By Jacco IJzerman (j.ijzerman1@REMOVETHISchello.nl)
Permission granted to Dynamicdrive.com to feature script in archive.
Translated By www.sakrkuraish.netfirms.com
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/
//Customize fireworks colors:
colors = new Array();
colors[0] = new Array('yellow', 'lime');
colors[1] = new Array('lime', 'green')
colors[2] = new Array('lime', 'blue');
colors[3] = new Array('lightyellow', 'purple');
colors[4] = new Array('lightblue', 'white');
colors[5] = new Array('blue', 'silver');
colors[6] = new Array('red', 'fuchsia');
colors[7] = new Array('yellow', 'red');
maximum = 1000;
vmlobj='';
for(i = 0; i < 12; i++){
vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';
vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';
vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';
vmlobj += '<v:stroke on="false" /></v:shape></div>';
}
document.write(vmlobj); vmlobj = null;
aantal = 0;
function begin()
{
try {
if(aantal == maximum){ return;}
kleurschema = Math.floor(Math.random() * colors.length);
posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180));
posLinks = (posLinks < 170)? 170: posLinks;
posBoven = Math.floor(Math.random() * (document.body.clientHeight - 180));
posBoven = (posBoven < 170)? 170: posBoven;
straal = 0; uiteen = true; teller = 1; flikkereffect = false;
for(var i = 0; i < 12; i++){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]);
document.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix
document.getElementById('ster'+i).style.left = posLinks;
document.getElementById('ster'+i).style.top = posBoven;
}
document.getElementById('ster0').style.top = (document.body.clientHeight - 20);
document.getElementById('ster0').style.visibility = 'visible';
omhoog();
} catch(e){}
}
function omhoog()
{
try {
positie = parseInt(document.getElementById('ster0').style.top);
if(positie > posBoven){
document.getElementById('ster0').style.top = (positie - 25);
setTimeout('omhoog()', 50);
} else {
for(i = 1; i < 12; i++){
document.getElementById('ster'+i).style.top = positie;
document.getElementById('ster'+i).style.visibility = 'visible';
}
uiteenspatten();
}
} catch(e){}
}
function uiteenspatten()
{
try {
if(straal > 120 && straal % 10 == 0){
flikkereffect = true;
teller = (teller == colors[kleurschema].length)? 0: (teller+1);
}
for(var i = 0; i < 12; i++){
var hoek = i * 30;
var piHoek = Math.PI - Math.PI / 180 * hoek;
var links = posLinks + Math.round(straal * Math.sin(piHoek));
var boven = positie + Math.round(straal * Math.cos(piHoek));
document.getElementById('ster'+i).style.left = links;
document.getElementById('ster'+i).style.top = boven;
if(flikkereffect){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]);
}
}
if(straal < 160 && uiteen){
straal += (straal < 120)? 10: 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal > 120){
uiteen = false; straal -= 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal <= 120){
for(var i = 0; i < 12; i++){
document.getElementById('ster'+i).style.visibility = 'hidden';
}
aantal++;
setTimeout('begin()', 500);
}
} catch(e) {}
}
window.onload=begin;
</SCRIPT>

<><><><><><><><><><><><><><><>
البرق

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة الرأس HEAD

<SCRIPT language=Javascript>
/*****************************************
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/

</SCRIPT>

2- عدل ضمن الوسم BODY ليصبح هكذا

3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<><><><><><><><><><><><><><><>

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

طريقة التركيب

انسخ هذا الكود و ضعه في منطقة BODY

<><><><><><><><><><><><><><><>

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة الرأس HEAD

2- حمل هذا المف الذي يحتوي على خمسة صور و ارفع الصور لمجلد صفحتك

اضغط هنا لتحميل الملف

<><><><><><><><><><><><><><><>
كود الثلج 1

طريقة التركيب

1- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

2- اضغط على أي وردة ثم حفظ الصورة باسم و ارفعها لمجلد صفحتك

<><><><><><><><><><><><><><><>
كود الثلج 2

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

<STYLE>.drop {
FONT-SIZE: 40px; FILTER: flipV(), flipH(); WIDTH: 3px; COLOR: blue; POSITION: absolute
}
</STYLE>
<SCRIPT language=javascript>
// Rain/Snow effect- By Craig Blanchette Craiga.topcities.com
// Script featured on Dynamic Drive
// Visit our site at http://www.star28.com/ for more code
snow = true;    // false-rain;   true-snow
snowsym = " * "  //These are the symbols for each
rainsym = " ' "  //You can put images here.
howmany = 10     //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex;  yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</SCRIPT>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

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

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

<><><><><><><><><><><><><><><>
2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<><><><><><><><><><><><><><><>
حماية صفحة بكلمة سر

طريقة التركيب

انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<><><><><><><><><><><><><><><>

هل تريد دخول هذه الصفحة

رسالة تظهر للزائر ان يريد أن يدخل أو لا ... يمكنك تغيير السؤال

طريقة التركيب

انسخ هذا الكود و ضعه في منطقة HEAD

<><><><><><><><><><><><><><><>

صفحة تومض عند ظهورها

طريقة التركيب

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- ضع هذا الكود بعد الوسم BODY

<><><><><><><><><><><><><><><>