أكواد HTML مهمة و رائعة تجعل موقعك جذاب

اكواد مهمة



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

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

i f r a m e name="i1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://www.faisal1.com/jazeer1m.php">

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

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

i f r a m e name="i1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://www.faisal1.com/bbc1m.php">

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

محرك بحث

<--xx-- language="--xx--">

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

محرك بحث عن الدومين

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

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



please enter the url of the arab search engine or directory 
url:



 

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

تقويم ميلادي

<--xx-- language="--xx--">
 

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

اله حاسبة

<--xx--> function compute(obj) {obj.expr.value = eval(obj.expr.value)} var one = '1' var two = '2' var three = '3' var four = '4' var five = '5' var six = '6' var seven = '7' var eight = '8' var nine = '9' var zero = '0' var plus = '+' var minus = '-' var multiply = '*' var divide = '/' var decimal = '.' function enter(obj, string) {obj.expr.value += string} function clear(obj) {obj.expr.value = ''}




 


رابط مشع

<--xx-- language="--xx--">

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

إخفاء خط الرابط



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

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

<--xx-- language="--xx--">

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

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

<--xx-- language="--xx--1.2"> //change 1 to another integer to alter the scroll speed. greater is faster var speed=1 var currentpos=0,alt=1,curpos1=0,curpos2=-1 function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrolltop else temp=window.pageyoffset if (alt==0) alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrolltop+speed else currentpos=window.pageyoffset+speed window.scroll(0,currentpos) } else{ currentpos=30 window.scroll(0,currentpos) } } function startit(){ setinterval("scrollwindow()",30) } window. noop=initialize

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

كلمات تتبع الماوس

.spanstyle { color: white; font-family: verdana; font-size: 8pt; font-weight: bold; position: relative ; top: -50px; visibility: visible } <--xx-- language="--xx--"> var x, y; var step = 10; var flag = 0; var message = "حط الكتابه هنا "; message = message.split(""); var xpos = new array(); for (i = 0; i <= message.length - 1; i++) { xpos[i] = -50; } var ypos = new array(); for (i = 0; i <= message.length - 1; i++) { ypos[i]= -50; } function handlermm(e) { x = (document.layers) ? e.pagex : document.body.scrollleft + event.clientx; y = (document.layers) ? e.pagey : document.body.scrolltop + event.clienty; flag = 1; } function makesnake() { 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 --> <--xx-- language="--xx--"> <--xx-- language="--xx--">

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

حروف مضيئة كالذي تشاهده الان في اسفل الشريط



<--xx-- language="--xx--"> //http://www.kuwait25.com.com



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

منع الزر الأيمن

<--xx-- language="--xx--"> // --> <--xx-- language="--xx--">

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

التسجيل في المفضلة

سجل في مفضلتك

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

 هذا كود عبارة عن طلب ترشيح

<--xx-- language="--xx--">

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

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

i f r a m e width=100% height=300 src="http://هنا ضع عنوان الصفحة">

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

كود جميل جدا .. تستطيع ان تظع صورتين متغيرتين على شكل زر بحيث اذا مررت بالفارة تتغير الصورة

<--xx-- language="--xx--"> 

image.jpg  ضع اسم الصورة مثل كذا

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

كود لعمل العاب نارية في صفحتك

<--xx-- language="--xx--"> /* document firework --xx-- (by kurt gregg, kurt.grigg@virgin.net) modified granted to dynamic drive to feature --xx-- in archive for full source and 100's more dhtml --xx--s, visit http://dynamicdrive.com */ if (document.all) with(document){ write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') write('
') } 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; http://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(); 

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

كود لطلب اسم الزائر

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

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

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

<--xx-- language="--xx--">

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

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

<--xx-- language="--xx--1.2"> /* disable right click --xx-- ii (on images)- by dynamicdrive.com for full source, terms of service, and 100s dthml --xx--s visit http://www.dynamicdrive.com */ var clickmessage="right click disabled on images!" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcelement.tagname=="img"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getelementbyid){ if (e.which==3&&e.target.tagname=="img"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i

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

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

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

 كود لعمل رابط يفتح بمجرد مرور مؤشر الفأره عليه

ممنوع اللمس .. لا تقترب

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

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



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 }



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

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

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

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

 

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

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

 
<--xx-- language="--xx--"> 

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

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

a:link { text-decoration: none } a:visited { text-decoration: none } a:active { text-decoration: none } a:hover { text-decoration: none } <--xx-- language=--xx--> }
ألوان

أختر ما يناسبك من الألوان وضعها في موقعك

ألوان أساسية
#000000

#ffffff

#008000

#800000

#808000

#000080

#800080

#808080

#ffff00

#00ff00

#00ffff

#ff00ff

#c0c0c0

#ff0000

#0000ff

#008080

ألوان اختيارية

#cc3366
#ff9999
#ff3366
#ffccff
#ff66cc
#cc6699
#cc3399
#ff99cc
#ff99ff
#ff6699
#ff0066
#ff3399
#ff33cc
#ff66ff
#cc99ff
#cc66cc
#cc0099
#cc99cc
#996699
#ccccff
#9999ff
#3366cc
#99ccff
#6699cc
#0099cc
#00ccff
#99ffff
#66ffff
#00ffff
#ccffff
#00ffcc
#339999
#009999
#33cc99
#99cc99
#00ff99
#66cc66
#99ff99
#003300
#006600
#ccffcc
#ccff99
#00cc00
#999900
#cccc66
#999966
#ffffcc
#ffff99
#ff9900
#cc9999
#cc9966
#ffcc99
#ff6666
#cccccc
#999999
#ffcccc


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

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

<--xx-- language="--xx--">

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

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

<--xx-- language="--xx--">
 

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

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

<--xx-- language="--xx--1.2"> /* sliding menu bar --xx--- © dynamic drive (www.dynamicdrive.com) for full source code, installation instructions, 100's more dhtml --xx--s, and terms of use, visit dynamicdrive.com */ if (document.all) document.write('
') <--xx-- language="--xx--1.2"> var sitems=new array() var sitemlinks=new array() //extend or shorten this list sitems[0]="الصفحة الرئيسية" sitems[1]="الموقع الاول" sitems[2]="الموقع الثانى" sitems[3]="الموقع الثالث" sitems[4]="الموقع الرابع" sitems[5]="الموقع الخامس" sitems[6]="الموقع السادس" sitems[7]="الموقع السابع" sitems[8]="الموقع الثامن" sitems[9]="الموقع التاسع" sitems[10]="الموقع العاشر" sitems[11]="الموقع الحادى عشر" sitems[12]="الموقع الثانى عشر" //these are the links pertaining to the above text. sitemlinks[0]="هنا تضع المواقع" sitemlinks[1]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[2]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[3]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[4]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[5]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[6]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[7]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[8]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[9]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[10]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[11]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" sitemlinks[12]="؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟" for (i=0;i<=sitems.length-1;i++) document.write(''+sitems[i]+'
') <--xx-- language="--xx--1.2"> function regenerate(){ --xx--.reload() } function regenerate2(){ if (document.layers) settimeout("window.onresize=regenerate",400) } window. noop=regenerate2 if (document.all){ document.write('
') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } function pull(){ if (window.drawit) clearinterval(drawit) pullit=setinterval("pullengine()",50) } function draw(){ clearinterval(pullit) drawit=setinterval("drawengine()",50) } function pullengine(){ if (document.all&&themenu.pixelleftleftboundary) themenu.pixelleft-=5 else if(document.layers&&themenu.left>leftboundary) themenu.left-=5 else if (window.drawit) clearinterval(drawit) } 

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

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

.spanstyle { position:relative ; visibility:visible; top:-50px; font-size:10pt; font-family:verdana; font-weight:bold; color:black; } <--xx--> /* alfnnan.cjb.net سكربتات الفنان */ var x,y var step=20 var flag=0 // your snappy message. important: the space at the end of the sentence!!! var message="alfnnan --xx--! " message=message.split("") var xpos=new array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlermm(e){ x = (document.layers) ? e.pagex : document.body.scrollleft+event.clientx y = (document.layers) ? e.pagey : document.body.scrolltop+event.clienty flag=1 } function makesnake() { 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=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i <--xx-->

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

عبارات مشعه

<--xx-- language="--xx--">
جافا الفنر

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

    اسمك بالياباني

<--xx-- language="--xx--">

اكتب اسمك هنا لوسمحت
alwafi 2000

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

لعمل صفحة تهتز وتسمى الصفحة المجنونة

<--xx-- language="--xx--1.2">

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

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

<--xx-- language="--xx--"> var boodschap = 'kuwait25.com'; function dgstatus() { window.status = boodschap; timerid= settimeout("dgstatus()", 25); } <--xx-- language="--xx--">

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

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

1- ضع الكود التالي في منطقة الراس : <--xx-- language="--xx--"> 2- ضع الكود التالي في أي مكان من منطقة الجسم : اضغط _fcksavedurl=""--xx--:popup()">اضغط" هنا

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