Admin Admin
عدد المساهمات : 795 تاريخ التسجيل : 30/03/2012 العمر : 68 الموقع : wadbashir.2morpg.Com
| موضوع: مجموعة هامة من أكواد الجافاسكريبت و html لمصممى المواقع والمدونات الأحد أكتوبر 04, 2015 8:10 pm | |
| - الكود:
-
[center][size=13][size=18][b]أولاً :أكواد النصوص [/b][/size][/size][/center] كود النص العريض[size=13][/size] [size=13]<b>اكتب النص هنا </b> [/size] [size=13][/size] كود تحديد اتجاه النص [size=13][/size] [size=13][/size] [size=13]<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p> [/size] [size=13][/size] كود التحكم فى حجم الخط ولونه ونوعه[size=13][/size] [size=13]<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>[/size] [size=13][/size] أكواد الألوان موجودة هـــــــــنـــــاااااااااا [size=13][/size] [size=13][/size] كود نص يتحرك لأعلى[size=13][/size] [size=13]<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> [/size] [size=13][/size] كود نص يتمدد وينكمش[size=13][/size] [size=13]<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> [/size] [size=13][/size] كود نص متأرجح يميناً ويسارا[size=13][/size] [size=13]<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة كن داعيا للخير</marquee> [/size] [size=13][/size] كود إظهار نصوص بها روابط بالتناوب[size=13][/size] [size=13]<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/">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> [/size]
[size=13][/size] كود نص متحرك[size=13][/size] [size=13]<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> [/size] [size=13][/size] كود شريط متحرك مع روابط[size=13][/size] [size=13][/size] [size=13]<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5"> <a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------ </marquee>[/size] [size=13][/size] كود نص يضئ بالتدريج[size=13][/size]
[size=13][/size] [size=13]<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>[/size] [size=13][/size] كود نص يضئ بألوان مختلفة[size=13][/size] [center][size=13][left]<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[b] 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>[/left][b][b][b][b][b]
[size=18][b]ثانياً : أكواد الصور[/b][/size][/size][b][b][b][b][/center][b][b][b][b] | |
|