بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
هذه مجموعة هامة من أكواد الجافاسكريبت و أتش تي أم أل لمصممى المواقع والمدونات
أولا: أكواد النصوص
كود النص العريض<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()"> <BR> <center> اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1 <BR> اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2 <BR> مدونة كن داعيا للخير 3 <BR> اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4 <BR> ...... </ مركز> </ سرادق>
كود نص يتمدد وينكمش
<table align="center" width="98٪"> <TR> <TD>
<HTML>
<HEAD>
<script language="JavaScript">
أحجام فار = صفيف جديدة ("0PX"، "1PX"، "2px"، "3PX"، "4PX")؛
sizes.pos = 0؛
وظيفة المرانة () {
فار ش = document.all.elastic؛
إذا كان (فارغة == el.direction)
el.direction = 1؛
الا اذا ((sizes.pos> sizes.length - 4) | | (0 == sizes.pos))
el.direction * = -1؛
el.style.letterSpacing = الأحجام [sizes.pos + = el.direction]؛
}
setInterval ('المرانة ()'، 100)
</ النصي>
</ HEAD>
<BODY>
<h1 align="center" id="elastic"> <font size="3"> مدونة كن داعيا للخير </ FONT> </ مرحبا>
</ BODY>
</ HTML> </ الدفتيريا> </ آر> </ الجدول>
كود نص متأرجح يمينا ويسارا
<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000"> مدونة كن داعيا للخير </ سرادق>
كود إظهار نصوص بها روابط بالتناوب
<div style="position:relative؛center:0px؛top:0px">
<تمتد ID = "تمييز" 0PX 0PX السيارات) "> </ SPAN>
</ DIV>
<script type="text/javascript">
tickercontents فار = مجموعة جديدة ()
tickercontents [0] = 'مدونة كن داعيا للخير <a href="http://conda3ianllkhir.blogspot.com/"> النص </ أ>'
tickercontents [1] = 'اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي"> النص </ أ>'
tickercontents [2] = 'اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي"> النص </ أ>'
tickercontents [3] = 'اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي"> النص </ أ>'
فار tickdelay = 3000 / / تأخير راجع للشغل رسائل
فار highlightspeed = 10 / / 10 بكسل في كل مرة.
/ / / / لا تعديل تمرير هذا الخط / / / / / / / / / / / / / / / /
فار currentmessage = 0
فار clipwidth = 0
وظيفة changetickercontent () {
crosstick.style.clip = "المستطيل (0PX 0PX 0PX السيارات)"
crosstick.innerHTML = tickercontents [currentmessage]
highlightmsg ()
}
وظيفة highlightmsg () {
فار = msgwidth crosstick.offsetWidth
إذا كان (clipwidth <msgwidth) {
clipwidth + = highlightspeed
crosstick.style.clip = "المستطيل (0PX" + + clipwidth "مقصف السيارات 0PX)"
beginclip = setTimeout ("highlightmsg ()"، 20)
}
آخر {
clipwidth = 0
clearTimeout (beginclip)
إذا كان (currentmessage == tickercontents.length-1) = 0 currentmessage
currentmessage آخر + +
setTimeout ("changetickercontent ()"، tickdelay)
}
}
وظيفة start_ticking () {
crosstick = document.getElementById؟ document.getElementById ("تمييز"): document.all.highlighter
crosstickParent = crosstick.parentNode؟ crosstick.parentNode: crosstick.parentElement
إذا كان (parseInt (crosstick.offsetHeight)> 0)
crosstickParent.style.height = crosstick.offsetHeight + من 'px'
آخر
setTimeout ("crosstickParent.style.height = crosstick.offsetHeight +" مقصف "، 100) / / تأخير من أجل موزيلا
changetickercontent ()
}
إذا كان (document.all | | document.getElementById)
window.onload = start_ticking
</ النصي>
كود نص متحرك
<div align="center"> <table border="0" width="100٪" style="border-collapse: collapse"> <TR> <td class="alt1" colspan="3"> <B> <font size="4" color="000000"> <الاتجاه سرادق = "الحق" العرض = "100٪" ذروة = "20" اتجاه = "الحق" onmouseover = "this.stop ()" onmouseout = "this.start ()" scrolldelay = "0" scrollamount = "5 "> مدونة كن داعيا للخير </ سرادق> </ الخط> </ B> </ TD> </ آر> </ الجدول> </ DIV>
كود شريط متحرك مع روابط
<الاتجاه سرادق = "الحق" العرض = "100٪" ذروة = "20" اتجاه = "الحق" onmouseover = "this.stop ()" onmouseout = "this.start ()" scrolldelay = "0" scrollamount = "5 "> <a href="اكتب هنا عنوان الموقع"> اكتب هنا اسم الموقع </ أ> ------ </ سرادق>
كود نص يضئ بالتدريج
<H2>
<script language="JavaScript1.2">
رسالة فار = "مدونة كن داعيا للخير"
فار neonbasecolor = "الرمادية"
فار neontextcolor = "الصفراء"
فار flashspeed = 100 / / بالمللي ثانية
/ / / لا حاجة لتعديل تحت هذا الخط / / / / /
فار ن = 0
إذا كان (document.all | | document.getElementById) {
document.write ('color="'+neonbasecolor+'"> <font')
ل(م = 0؛ م <message.length، م + +)
document.write ('<span id="neonlight'+m+'">' + message.charAt (م) + '</ SPAN>')
document.write ('</ FONT>')
}
آخر
document.write (رسالة)
وظيفة CROSSREF (عدد) {
فار = crossobj document.all؟ وحدة التقييم ("document.all.neonlight" + العدد): document.getElementById ("neonlight" + الرقم)
العودة crossobj
}
وظيفة النيون () {
/ / تغيير كل الحروف اللون الأساسي
إذا (ن == 0) {
ل(م = 0؛ م <message.length، م + +)
/ / وحدة التقييم ("document.all.neonlight" + م). style.color = neonbasecolor
CROSSREF (م). style.color = neonbasecolor
}
/ / دورة من خلال تغيير ورسائل فردية إلى لون النيون
CROSSREF (ن). style.color = neontextcolor
إذا (ن <message.length-1)
ن + +
آخر {
ن = 0
clearInterval (وميض)
setTimeout ("beginneon ()"، 1500)
عودة
}
}
وظيفة beginneon () {
إذا كان (document.all | | document.getElementById)
امض = setInterval ("النيون ()"، flashspeed)
}
beginneon ()
</ النصي>
</ H2>
</ FONT> </ P>
كود نص يضئ بألوان مختلفة
<B>
<font size="5">
<SCRIPT>
/ / ********** عدل هنا
النص فار = "مدونة كن داعيا للخير"
سرعة فار = 80 / / سرعه تغير الالوان
/ / ********** لا تعدل شي هنا
إذا كان (document.all | | document.getElementById) {
document.write ('<span id="highlight">' + + النص '</ SPAN>')
فار storetext = document.getElementById؟ document.getElementById ("تسليط الضوء"): document.all.highlight
}
آخر
document.write (النص)
فار عرافة = صفيف جديدة ("00"، "14"، "28"، "3C"، "50"، "64"، "78"، "8C"، "A0"، "B4"، "C8"، "DC"، "F0")
فار ص = 1
فار ز = 1
فار ب = 1
فار يليها = 1
وظيفة changetext () {
قوس قزح = "#" + عرافة [ص] + عرافة [ز] + عرافة [ب]
storetext.style.color = قوس قزح
}
تغيير وظيفة () {
إذا كان (وما يليها == 6) {
ب -
إذا كان (ب == 0)
يليها = 1
}
إذا كان (وما يليها == 5) {
ص + +
إذا كان (ص == 12)
يليها = 6
}
إذا كان (وما يليها == 4) {
ز -
إذا كان (ز == 0)
يليها = 5
}
إذا كان (وما يليها == 3) {
ب + +
إذا كان (ب == 12)
يليها = 4
}
إذا كان (وما يليها == 2) {
ص -
إذا كان (ص == 0)
يليها = 3
}
إذا كان (وما يليها == 1) {
ز + +
إذا كان (ز == 12)
يليها = 2
}
changetext ()
}
وظيفة starteffect () {
إذا كان (document.all | | document.getElementById)
فلاش = setInterval ("التغيير ()"، والسرعة)
}
starteffect ()
</ النصي>
</ FONT> </ B>
</ FONT> </ P>
ثانيا: أكواد الصور
كود إضافة صورة
<img src="رابط الصورة">
كود صورة مع رابط
<CENTER> <a href="الرابط"> <img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /> </ أ> </ CENTER>
كود تغيير الصور تلقائيا
<center> <style type="text/css">
# pscroller1 {
حجم الخط: 14px؛
الخط بين أفراد الأسرة: تاهوما؛
العرض: 250px؛
الطول: 250px؛
الحدود: الصلبة 0PX الأسود؛
الحشو: 5PX؛
لون الخلفية: أبيض؛
}
</ النمط>
<script type="text/javascript">
/ * صفائف رسالة مثال للscrollers التجريبي اثنين * /
فار pausecontent = مجموعة جديدة ()
pausecontent [0] = '<IMG الحدود = "0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3dm9KzorNrDirxyHDraYIm_L3jvKVo7AARRvXaRUeiIK1ufI3eGJvma-VEvlAa4ahCtZ4_tuVArmomSu0r3LuONy9xD87ZENtElQslUXzdbowbeFESm3qIIAW5fW3Jf9ib6ygAaCgg5Q/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'
pausecontent [1] = '<img border="0" src="رابط الصورة 2">'
pausecontent [2] = '<img border="0" src="رابط الصورة 3">'
pausecontent [3] = '<img border="0" src="رابط الصورة 1">'
</ النصي>
<script type="text/javascript">
/ ***********************************************
* الإيقاف المؤقت المتابعة أسفل سكرولر-© الحيوي الصلب (www.dynamicdrive.com)
*********************************************** /
وظيفة pausescroller (المحتوى، divId، divClass، تأخير) {
this.content = المحتوى / / رسالة مجموعة المحتوى
this.tickerid = divId / / معرف شعبة مؤشر لعرض المعلومات
this.delay = تأخير / / تأخير بين تغير جي اس، في miliseconds.
this.mouseoverBol = 0 / / منطقية تشير إلى ما إذا كان الفأر هو حاليا أكثر من سكرولر (وقفة أنه إذا كان هو)
this.hiddendivpointer = 1 / / مؤشر مجموعة رسالة لشعبة مخفي
document.write ('<div id="'+divId+'" class="'+divClass+'" style="position: relative؛ overflow: hidden"> <شعبة الطبقة = "innerDiv" على غرار = "الموقف: المطلق؛ العرض : 100٪ "معرف =" "+ + divId '1"> '+ المحتوى [0] +' </ شعبة> <شعبة الطبقة = "innerDiv" على غرار = "الموقف: المطلق؛ العرض: 100٪؛ الرؤية: مخفي" معرف = "" + + divId '2 "> '+ المحتوى [1] +' </ DIV> </ DIV> ')
فار = هذا scrollerinstance
إذا كان (window.addEventListener) / / تشغيل OnLoad يقوم في المتصفحات DOM2
window.addEventListener ("الحمل"، وظيفة () {scrollerinstance.initialize ()}، كاذبة)
الا اذا (window.attachEvent) / / تشغيل OnLoad يقوم في IE5.5 +
window.attachEvent ("OnLoad يقوم"، وظيفة () {scrollerinstance.initialize ()})
الا اذا (document.getElementById) / / إذا المتصفحات إرث DOM، مجرد بداية سكرولر بعد 0.5 ثانية
setTimeout (وظيفة () {scrollerinstance.initialize ()}، 500)
}
/ / ------------------------------------------------ -------------------
/ / تهيئة () - تهيئة طريقة سكرولر.
/ / بين الحصول على شعبة الأجسام، تعيين المواقف المبدئية، بدء أسفل الرسوم المتحركة
/ / ------------------------------------------------ -------------------
pausescroller.prototype.initialize = وظيفة () {
this.tickerdiv = document.getElementById (this.tickerid)
this.visiblediv = document.getElementById (this.tickerid + "1")
this.hiddendiv = document.getElementById (this.tickerid + "2")
this.visibledivtop = parseInt (pausescroller.getCSSpadding (this.tickerdiv))
عرض / / مجموعة من DIVS الداخلية لعرض ناقص الحشو الخارجي DIV في (الحشو يفترض أن تكون أعلى الحشو × 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline (this.visiblediv، this.hiddendiv)
this.hiddendiv.style.visibility = "مرئية"
فار = هذا scrollerinstance
document.getElementById (this.tickerid). onmouseover = وظيفة () {1} = scrollerinstance.mouseoverBol
document.getElementById (this.tickerid). onmouseout = وظيفة () {scrollerinstance.mouseoverBol = 0}
إذا كان (window.attachEvent) / / تنظيف المراجع فضفاضة في IE
window.attachEvent ("OnUnload يقوم"، وظيفة () {scrollerinstance.tickerdiv.onmouseover = scrollerinstance.tickerdiv.onmouseout = باطل})
setTimeout (وظيفة () {scrollerinstance.animateup ()}، this.delay)
}
/ / ------------------------------------------------ -------------------
/ / animateup () - نقل اثنين من DIVS الداخلية للسكرولر صعودا ومتزامنة
/ / ------------------------------------------------ -------------------
pausescroller.prototype.animateup = وظيفة () {
فار = هذا scrollerinstance
إذا كان (parseInt (this.hiddendiv.style.top)> (this.visibledivtop +5)) {
this.visiblediv.style.top = parseInt (this.visiblediv.style.top) -5 + "مقصف"
this.hiddendiv.style.top = parseInt (this.hiddendiv.style.top) -5 + "مقصف"
setTimeout (وظيفة () {scrollerinstance.animateup ()}، 50)
}
آخر {
this.getinline (this.hiddendiv، this.visiblediv)
this.swapdivs ()
setTimeout (وظيفة () {scrollerinstance.setmessage ()}، this.delay)
}
}
/ / ------------------------------------------------ -------------------
/ / swapdivs () - جسم والتي هي بين الظاهر والذي هو شعبة الخفية
/ / ------------------------------------------------ -------------------
pausescroller.prototype.swapdivs = وظيفة () {
فار = tempcontainer this.visiblediv
this.visiblediv = this.hiddendiv
this.hiddendiv = tempcontainer
}
pausescroller.prototype.getinline = وظيفة (div1، div2) {
div1.style.top = this.visibledivtop + "مقصف"
div2.style.top = Math.max (div1.parentNode.offsetHeight، div1.offsetHeight) + "مقصف"
}
/ / ------------------------------------------------ -------------------
/ / setmessage () - تعبئة شعبة الخفية مع الرسالة التالية قبل انها مرئية
/ / ------------------------------------------------ -------------------
pausescroller.prototype.setmessage = وظيفة () {
فار = هذا scrollerinstance
إذا كان (this.mouseoverBol == 1) / / إذا الفأر هو حاليا أكثر من scoller، لا تفعل شيئا (إيقافه مؤقتا)
setTimeout (وظيفة () {scrollerinstance.setmessage ()}، 100)
آخر {
فار ط = this.hiddendivpointer
فار السقف = this.content.length
this.hiddendivpointer = (ط +1> السقف-1)؟ 0: ط +1
this.hiddendiv.innerHTML = this.content [this.hiddendivpointer]
this.animateup ()
}
}
pausescroller.getCSSpadding = وظيفة (tickerobj) {/ / الحصول على القيمة CSS الحشو، إن وجدت
إذا كان (tickerobj.currentStyle)
العودة tickerobj.currentStyle ["paddingTop"]
الا اذا (window.getComputedStyle) / / إذا DOM2
العودة window.getComputedStyle (tickerobj، ""). getPropertyValue ("حشوة بين كبار")
آخر
العودة 0
}
</ النصي>
<script type="text/javascript">
/ / pausescroller جديدة (name_of_message_array، CSS_ID، CSS_classname، pause_in_miliseconds)
pausescroller جديدة (pausecontent، "pscroller1"، "someclass"، 3000)
document.write ("<br />")
</ النصي>
</ مركز>
كود صور متحركة
<IMG
SRC = "رابط الصورة المتحركة"
OnLoad يقوم = "NcodeImageResizer.createOn (هذا)؛" الحدود = "0"
originalWidth = "250" originalHeight = "270">
كود شريط الصور المتحرك مع روابط
يمكن التحكم وفى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة حتى بالكود إلى أسفل أو حق أو رفع
<center/>
<div class="textwidget"> <الاتجاه سرادق = "حتى" العرض = "115" onmouseover = "this.stop ()" scrollamount = "2" onmouseout = "this.start ()" ذروة = "125" محاذاة = "اليسار"> <br /> <a href="http://conda3ianllkhir.blogspot.com/" rel="nofollow"> <IMG الحدود = "0" بديل = "مدونة كن داعيا للخير" العرض = "115" SRC = "http://img12.imageshack.us/img12/914/75539242.png" ذروة = "115" /> </ A>
<BR/>
<أ href = أ " http://conda3ianllkhir.blogspot.com/ "يختلط =" نوفولو "> <IMG الحدود =" 0 "بديل =" مدونة كن داعيا للخير "العرض =" 115 "
/> </ A>
<BR/>
<أ href = أ " ضع الرابط هنا "يختلط =" نوفولو "> <IMG الحدود =" 0 "بديل =" اسم الصورة "العرض =" 115 "SRC =" رابط الصورة "ذروة =" 115 "/> </ A>
<BR/>
<أ href = أ "
ضع الرابط هنا "يختلط =" نوفولو "> <IMG الحدود =" 0 "بديل =" اسم الصورة "العرض =" 115 "SRC ="
رابط الصورة "ذروة =" 115 "/> </ A>
<BR/>
<أ href = أ " ضع الرابط هنا "يختلط =" نوفولو "> <IMG الحدود =" 0 "بديل =" اسم الصورة رابط الصورة "ذروة =" 115 "/> </ A>
<BR/>
<أ href = أ " ضع الرابط هنا / البحث؟ تحديث ماكس = 2011-07-26T10٪ 3A47٪ 3A00٪ 3A00-07-ماكس والنتائج = 7
"يختلط =" نوفولو "> <IMG الحدود =" 0 "بديل =" اسم الصورة "العرض =" 115 "SRC =" رابط الصورة
"ذروة =" 115 "/> </ A>
"العرض =" 115 "SRC = "
<p/> </ P> </ سرادق> </ DIV> </ مركز>
ثالثا: أكواد الروابط
كود إضافة رابط
<a href="ضع الرابط هنا"> الإسمي دو الموقع </ a>
فتح الرابط في نافذة جديدة
<a href="ضع الرابط هنا" الإسمي target="_blank"> موقع دو </ A>
فتح الرابط في نفس النافذة
<a href="ضع الرابط هنا" target="_self"> الإسمي دو الموقع </ a>
لون الرابط
<a style="color:اسم اللون باللغة الانجليزية؛" href="رابط الموقع"> الإسمي دو الموقع </ a>
رابعا: أكواد إسلامية
خامسا: أكواد إخبارية
سادسا: سكربتات متنوعة
<center> <IFRAME محاذاة = "مركز" allowtransparency = "1" frameborder = "0" ذروة = "334" معرف = "IW_frame_1438" التمرير = "لا" SRC = "http://www.tvquran.com/add/ ملف index.htm "العرض =" 302 "> </ iframe> </ مركز> </ DIV>
شريط الحديث والدعاء
< IFRAME محاذاة = "مركز" SRC = "http://www.wathakker.net/outdoor-strip-marquee.html" frameborder = "0" allowtransparency = "1" التمرير = "لا" العرض = "474" ارتفاع = "41" vspace = "0"> </ iframe >
خامسا: أكواد إخبارية
أخبار بي بي سي
<اسم IFRAME = "I1" marginwidth = "1" marginheight = "1" ذروة = "30" العرض = "90٪" التمرير = "لا" الحدود = "0" frameborder = "0" سرك = "الإلكتروني http:// news.bbc.co.uk / مرحبا / العربية / الأخبار / ticker.stm "> </ iframe> أراء
شريط قناة الجزيرة
شريط العربية نت
<IFRAME frameborder = "0" ذروة = "50" marginheight = "0" marginwidth = "0" التمرير = "لا" SRC = "http://www.faisal1.com/News_Grab/jazeera.php" العرض = "100 ٪ "> </ iframe> أراء
شريط العربية نت
<div width="600"> <script src="http://www.alarabiya.net/ara_v_ticker.html"> </ النصي> </ DIV>
كود وضع الفلاش
(يمكن التحكم فى الطول والعرض بتغيير قيم العرض والارتفاع)
<object width="150" height="340">
<param value="MYFLASH.swf" name="movie"/>
src="URL <embed width="150" من MYFLASH.swf" height="340">
</ تضمين>
</ الكائن>
كود إضافة صفحة موقع داخل صفحة موقعك
<div dir="rtl" تتأهل right؛" trbidi="on">
<iframe height="500" src="رابط الموقع" width="600"> </ iframe> </ DIV>
</ DIV>
سكربت طباعة الصفحة
<a href="javascript:window.print()"> اطبع هذه الصفحة </ A>
سكريبت آلة حاسبة
<SCRIPT> وظيفة حساب (الكائنات) {obj.expr.value = وحدة التقييم (obj.expr.value)} فار واحد = '1 '
.png)
إرسال تعليق