أكواد HTML

javascript,Html

أولاً :أكواد النصوص

كود النص العريض

كود تحديد اتجاه النص

<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>

كود التحكم فى حجم الخط ولونه ونوعه

<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></

كود نص يتحرك لأعلى

<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1

<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2

<br>مدونة كن داعيا للخير 3

<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4

</marquee>

كود نص يتمدد وينكمش

<HTML>

<HEAD>

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>

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>

كود نص متحرك

<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>

كود شريط متحرك مع روابط

<a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------

</marquee>

كود نص يضئ بالتدريج

<h2>

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>

// ********** عدل هنا

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>

ثانياً : أكواد الصور

كود إضافة صورة

كود صورة مع رابط

كود تغيير الصور تلقائيا

#pscroller1{

font-size: 14px;

font-family: Tahoma;

width: 250px;

height: 250px;

border: 0px solid black;

padding: 5px;

background-color: white;

}

</style>

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()

pausecontent[0]='<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2RAs_a9ss02M6FOyWMQX7BBzdDN8Wt0dhEO4QSj5MPAGbkFt-Ag0NKPlJ1jqNEKg1FrwQ-rGGV963S6pUN_XN4QPHyvZTrIW8fz2OnXWIkRXvAV43jnKmfu05SVYBM5Rl5C_AEjvWPzK/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>

/***********************************************

* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)

***********************************************/

function pausescroller(content, divId, divClass, delay){

this.content=content //message array content

this.tickerid=divId //ID of ticker div to display information

this.delay=delay //Delay between msg change, in miliseconds.

this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)

this.hiddendivpointer=1 //index of message array for hidden div

document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')

var scrollerinstance=this

if (window.addEventListener) //run onload in DOM2 browsers

window.addEventListener("load", function(){scrollerinstance.initialize()}, false)

else if (window.attachEvent) //run onload in IE5.5+

window.attachEvent("onload", function(){scrollerinstance.initialize()})

else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec

setTimeout(function(){scrollerinstance.initialize()}, 500)

}

// -------------------------------------------------------------------

// initialize()- Initialize scroller method.

// -Get div objects, set initial positions, start up down animation

// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){

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))

//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 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="visible"

var scrollerinstance=this

document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}

document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}

if (window.attachEvent) //Clean up loose references in IE

window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})

setTimeout(function(){scrollerinstance.animateup()}, this.delay)

}

// -------------------------------------------------------------------

// animateup()- Move the two inner divs of the scroller up and in sync

// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){

var scrollerinstance=this

if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){

this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"

this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"

setTimeout(function(){scrollerinstance.animateup()}, 50)

}

else{

this.getinline(this.hiddendiv, this.visiblediv)

this.swapdivs()

setTimeout(function(){scrollerinstance.setmessage()}, this.delay)

}

// -------------------------------------------------------------------

// swapdivs()- Swap between which is the visible and which is the hidden div

// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){

var tempcontainer=this.visiblediv

this.visiblediv=this.hiddendiv

this.hiddendiv=tempcontainer

}

pausescroller.prototype.getinline=function(div1, div2){

div1.style.top=this.visibledivtop+"px"

div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"

}

// -------------------------------------------------------------------

// setmessage()- Populate the hidden div with the next message before it's visible

// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){

var scrollerinstance=this

if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)

setTimeout(function(){scrollerinstance.setmessage()}, 100)

else{

var i=this.hiddendivpointer

var ceiling=this.content.length

this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1

this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]

this.animateup()

}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any

if (tickerobj.currentStyle)

return tickerobj.currentStyle["paddingTop"]

else if (window.getComputedStyle) //if DOM2

return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")

else

return 0

}

</script>

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)

document.write("<br />")

</script>

</center>

كود صور متحركة

<img

src="رابط الصورة المتحركة"

onload="NcodeImageResizer.createOn(this);" border="0"

originalWidth="250" originalHeight="270">

كود شريط الصور المتحرك مع روابط

يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift

<br/>

<a href="http://microenems.blogspot.com/" rel="nofollow"><img border="0" alt="micro elnems informatics" width="115" src="

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr2RAs_a9ss02M6FOyWMQX7BBzdDN8Wt0dhEO4QSj5MPAGbkFt-Ag0NKPlJ1jqNEKg1FrwQ-rGGV963S6pUN_XN4QPHyvZTrIW8fz2OnXWIkRXvAV43jnKmfu05SVYBM5Rl5C_AEjvWPzK/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif"height="115" /></a>

<br/>

<br/>

<a href="

ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="

رابط الصورة"height="115" /></a>

<br/>

<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="

ثالثاً : أكواد الروابط

كود إضافة رابط

فتح الرابط في نافذة جديدة

فتح الرابط في نفس النافذة

لون الرابط

رابعا:أكواد إسلامية

كود القرآن الكريم ويمكن معاينة المصحف من هنــا

شريط الحديث والدعاء

<iframe

align="center"

src="http://www.wathakker.net/outdoor-strip-marquee.html"

frameborder="0" allowtransparency="1" scrolling="no" width="474"

height="41" vspace="0"></iframe>

تابع أيضًا:

كود أذكار الصباح والمساء

كود مواقيت الصلاة

خامسا:أكواد إخبارية

أخبار BBC

شريط قناة الجزيرة

شريط العربية نت

سادسا:سكربتات متنوعة

كود وضع الفلاش

(يمكن التحكم فى الطول والعرض بتغيير قيم width,height)

</embed>

</object>

كود إضافة صفحة موقع داخل صفحة موقعك

</div>

سكربت طباعة الصفحة

<a href="javascript:window.print()">اطبع هذه الصفحة</a>

سكريبت آلة حاسبة

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>

<TR>

<TD colSpan="4"><INPUT size=30

name=expr action="compute(this.form)"></TD></TR>

<TR>

<TR>

<TR>

<TR>

<TR>

</P></TD></TR></TABLE></DIV></FORM>

<FONT face="Courier , New tahoma , erdana, arial, helveticav" size="2"

color="#0000FF"><B><A target="_blank"

تابع أيضا

أكواد الساعات

أكواد الألوان

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

Micro elnems-Informatics

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

Micro Elnems Informatics

Recent

Wednesday, April 26, 2017

أكواد HTML

No comments:

المشاركات الشائعة

قائمة المدونات الإلكترونية

Recent Post

Featured

Popular

Categories

fb page me

Comments

Blog Archive

Wikipedia

التسميات

Total Pageviews

Post Top Ad

ارشيف المدونة

Author Details

احدث مواضيعنا

مواضيع الشهر

إعلان

تنزيل العاب ps3 مجانا

المتابعون

الاقسام

Find Us On Facebook

Post Top Ad

الصفحات

Micro elnems-Informatics

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

Micro Elnems Informatics

Recent

Wednesday, April 26, 2017

أكواد HTML

No comments:

المشاركات الشائعة

قائمة المدونات الإلكترونية

اشتراك في مدونة Micro elnems

About Me

Recent Post

Featured

Popular

Categories

fb page me

Comments

Blog Archive

Wikipedia

التسميات

Total Pageviews

Post Top Ad

ارشيف المدونة

Author Details

احدث مواضيعنا

مواضيع الشهر

إعلان

تنزيل العاب ps3 مجانا

المتابعون

الاقسام

Find Us On Facebook

Post Top Ad

الصفحات