انشاء الكل تمام و بخير ..~
اليوم احب ان اطرح لكم موضوع خاص بجميع اكواد HTML الخاصة بتزيين و تجميل النصوص
الان مع الأكواد
كود لكتابة جملة مع تحكم كامل في الخط من حيث الطول و العرض و النوع:
امثلة
امثلة
رمز Code:
<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>
* الرقم 4 هو حجم الخط
لمعرفة اكواد الاوان انقر *******************
كود لعمل نص يصعد الى أعلى رمز Code:
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>
كود لعمل نص يتقلب
رمز Code:
<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>
كود لكتابة نصوص تتضمن روابط
رمز Code:
<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>
كود كتابة نص يضيء بالوان جدابة
رمز PHP:
<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}elsedocument.write(text)var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")var r=1var g=1var b=1var seq=1function 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>
انتهى اتمنى لكم الفائدة و التوفيق
|~| في امان الله |~|
اليوم احب ان اطرح لكم موضوع خاص بجميع اكواد HTML الخاصة بتزيين و تجميل النصوص
الان مع الأكواد
كود لكتابة جملة مع تحكم كامل في الخط من حيث الطول و العرض و النوع:
امثلة
امثلة
رمز Code:
<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>
* الرقم 4 هو حجم الخط
لمعرفة اكواد الاوان انقر *******************
كود لعمل نص يصعد الى أعلى رمز Code:
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>
كود لعمل نص يتقلب
رمز Code:
<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>
كود لكتابة نصوص تتضمن روابط
رمز Code:
<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>
كود كتابة نص يضيء بالوان جدابة
رمز PHP:
<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}elsedocument.write(text)var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")var r=1var g=1var b=1var seq=1function 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>
انتهى اتمنى لكم الفائدة و التوفيق
|~| في امان الله |~|
ليست هناك تعليقات:
إرسال تعليق