maria عضو متألق


 
البلد :  مزاجي :  الجنس :  عدد المساهمات : 1296 تاريخ التسجيل : 07/05/2009
 | موضوع: هذه مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات الخميس 07 يوليو 2016, 7:04 am | |
| أولاً :أكواد النصوص كود النص بحجم 27 - اقتباس :
- <p style="text-align: center;">
<span style="color:#(color);"><span style="font-size: 27px;"><strong>
برامج وتكنولوجيا الكمبيوتروالصوتيات والصور والساتلايت<br /> </strong></span></span></p> كود النص العريض
- اقتباس :
- <b>اكتب النص هنا </b>
كود تحديد اتجاه النص - اقتباس :
- <p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>
كود التحكم فى حجم الخط ولونه ونوعه - اقتباس :
- <CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] كود نص يتحرك لأعلى - اقتباس :
- <marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">
<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 3 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4 <br>......</center> </marquee> كود نص يتمدد وينكمش - اقتباس :
- <table align="center" width="98%"><tr><td>
<HTML> <HEAD> <script language="JavaScript"> var sizes = new Array("0px", "1px", "2px", "3px", "4px"); sizes.pos = 0; function elast() { var el = document.all.elastic; if (null == el.direction) el.direction = 1; else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos)) el.direction *= -1; el.style.letterSpacing = sizes[sizes.pos += el.direction]; } setInterval('elast()', 100) </script> </HEAD> <BODY> <h1 align="center" id="elastic"><font size="3">هذه مجموعة هامة من أكواد الجافاسكريبت</font></hi> </BODY> </HTML></td></tr></table> كود نص متأرجح يميناً ويسارا - اقتباس :
- <marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">هذه مجموعة هامة من أكواد الجافاسكريبت</marquee>
كود إظهار نصوص بها روابط بالتناوب - اقتباس :
<div style="position:relative;center:0px;top:0px"> <span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span> </div> <script type="text/javascript"> var tickercontents=new Array() tickercontents[0]='مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank">text</a>' tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>' tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>' tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>' var tickdelay=3000 //delay btw messages var highlightspeed=10 //10 pixels at a time.
////Do not edit pass this line////////////////
var currentmessage=0 var clipwidth=0
function changetickercontent(){ crosstick.style.clip="rect(0px 0px auto 0px)" crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() }
function highlightmsg(){ var msgwidth=crosstick.offsetWidth if (clipwidth<msgwidth){ clipwidth+=highlightspeed crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipwidth=0 clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } }
function start_ticking(){ crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() }
if (document.all || document.getElementById) window.onload=start_ticking
</script> كود نص متحرك - اقتباس :
- <div align="center">
<table border="0" width="100%" style="border-collapse: collapse"> <tr><td class="alt1" colspan="3"><b> <font size="4" color="000000"> <marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مجموعة هامة من أكواد الجافاسكريبت </marquee></font></b></td> </tr></table></div> كود شريط متحرك مع روابط - اقتباس :
- <marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">
<a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------ </marquee> كود نص يضئ بالتدريج - اقتباس :
<h2> <script language="JavaScript1.2">
var message="هذه مجموعة هامة من أكواد الجافاسكريبت" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds
///No need to edit below this line/////
var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message)
function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj }
function neon(){
//Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor }
//cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor
if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } }
function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon()
</script> </h2> </font></p> كود نص يضئ بألوان مختلفة - اقتباس :
<b> <font size="5"> <script>
// ********** عدل هنا
var text="هذه مجموعة هامة من أكواد الجافاسكريبت" var speed=80 // سرعه تغير الالوان
// ********** لا تعدل شي هنا
if (document.all||document.getElementById){ document.write('<span id="highlight">' + text + '</span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() </script> </font></b> </font></p>
ثانياً : أكواد الصور
كود إضافة صورة
- اقتباس :
- <img src="رابط الصورة" >
كود صورة مع رابط
- اقتباس :
- <CENTER><a href="الرابط">
<img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>
كود صور متحركة
- اقتباس :
- <img
src="رابط الصورة المتحركة" onload="NcodeImageResizer.createOn(this);" border="0" originalWidth="250" originalHeight="270">
كود شريط الصور المتحرك مع روابط
يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift - اقتباس :
<center/> <div class="textwidget"><marquee direction="up" width="115" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="125" align="left"><br /> <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"><img border="0" alt="هذه مجموعة هامة من أكواد الجافاسكريبت" width="115" src="https://2img.net/r/ihimizer/img12/914/75539242.png" height="115" /></a> <br/> <a href=[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"" rel="nofollow"><img border="0" alt="هذه مجموعة هامة من أكواد الجافاسكريبت" width="115" src=" [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"height="115" /></a> <br/> <a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة" height="115" /></a> <br/>
<a href=" ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src=" رابط الصورة"height="115" /></a> <br/>
<a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورةرابط الصورة" height="115" /></a> <br/>
<a href="ضع الرابط هنا/search?updated-max=2011-07-26T10%3A47%3A00-07%3A00&max-results=7 " rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة "height="115" /></a> " width="115" src=" <p/></p></marquee></div></center>
ثالثاً : أكواد الروابط
كود إضافة رابط
- اقتباس :
- <a href="ضع الرابط هنا">Nom du site</a>
فتح الرابط في نافذة جديدة
- اقتباس :
- <a href="ضع الرابط هنا" target="_blank">Nom du site</a>
فتح الرابط في نفس النافذة
- اقتباس :
- <a href="ضع الرابط هنا" target="_self">Nom du site</a>
لون الرابط - اقتباس :
- <a style="color:اسم اللون باللغة الانجليزية;" href="رابط الموقع">Nom du site</a>
سادسا:سكربتات متنوعة
كود وضع الفلاش (يمكن التحكم فى الطول والعرض بتغيير قيم width,height) - اقتباس :
<object width="150" height="340"> <param value="MYFLASH.swf" name="movie"/> <embed width="150" src="URL OF MYFLASH.swf" height="340"> </embed> </object>
كود إضافة صفحة موقع داخل صفحة موقعك
- اقتباس :
- <div dir="rtl" style="text-align: right;" trbidi="on">
<iframe height="500" src="رابط الموقع" width="600"></iframe></div>
</div>
سكربت طباعة الصفحة
- اقتباس :
- <a href="javascript:window.print()">اطبع هذه الصفحة</a>
سكريبت آلة حاسبة
- اقتباس :
- <SCRIPT>
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 = ''} </SCRIPT> <FONT COLOR="#CC0000" face="Arial"><P><B>الألة الحاسبة الإلكترونية</B></P></FONT> <FORM name="calc"> <DIV align="center"> <TABLE border="1" bgcolor="#0033CC"> <TR> <TD colSpan="4"><INPUT size=30 name=expr action="compute(this.form)"></TD></TR> <TR> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, seven)" type=button value=" 7 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, eight)" type=button value=" 8 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, nine)" type=button value=" 9 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, divide)" type=button value=" / "></P></TD></TR> <TR> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, four)" type=button value=" 4 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, five)" type=button value=" 5 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, six)" type=button value=" 6 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, multiply)" type=button value=" * "></P></TD></TR> <TR> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, one)" type=button value=" 1 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, two)" type=button value=" 2 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, three)" type=button value=" 3 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, minus)" type=button value=" - "></P></TD></TR> <TR> <TD bgColor="#000033" colSpan=2> <P><INPUT onclick="enter(this.form, zero)" type=button value=" 0 "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, decimal)" type=button value=" . "></P></TD> <TD bgColor="#000033"> <P><INPUT onclick="enter(this.form, plus)" type=button value=" + "></P></TD></TR> <TR> <TD bgColor="#000033" colSpan=2> <P><INPUT onclick=compute(this.form) type=button value=" = "></P></TD> <TD bgColor="#000033" colSpan=2> <P><INPUT onclick=clear(this.form) type=reset value=AC> </P></TD></TR></TABLE></DIV></FORM> <P align="center"> <FONT face="Courier , New tahoma , erdana, arial, helveticav" size="2" color="#0000FF"><B><A target="_blank"
 | |
|