اكواد html جاهزة و احترافية

كتابة esraa hassan آخر تحديث: 20 فبراير 2019 , 00:41

عند تصميم المواقع يتم العمل على عمل العديد من الأكواد ، و هذه الأكواد من شأنها العمل على توفير ديكورات للمواقع ، و كذلك بعض الأسئلة و الأفكار التي يعتمد عيلها في المواقع المختلفة.

أكواد html للمواقع

– نص متحرك ( من اسفل الى اعلى )

<marquee direction=”Up” scrollAmount=”2″> <BR><BR><FONT size=”6″><FONT COLOR=”red”>النص</FONT c></FONT s><BR><BR></marquee><BR><P><BR

– نص متحرك ( من اعلى الى اسفل )

<marquee direction=”Down” scrollAmount=”2″> <BR><BR><FONT size=”6″><FONT COLOR=”green”>النص</FONT c></FONT s><BR><BR></marquee><BR><P><BR>

– نص ملون بلونين من الداخل والخارج

<FONT size=”15″><TABLE STYLE=filter:GLOW(color=”brown”,strength=#+9)><FON T COLOR=”yellow”>النص<BR> <P> <BR></TABLE></FONT></FONT s>

– نص متحرك من الجنب

<marquee>

– تحديد حركة النص

<CENTER>

<br>

<br>

<font color=”#00ss74″ size=”5″ face=”arial”><marquee valign=”middle” behavior=”alternate” direction=”left” height=”14″ width=”468″ hspace=”0″ vspace=”0″ loop=”infinite” scrollamount=”5″ scrolldelay=”0″><b>النص</marquee></font>

<br>

<br>

</CENTER>

– تلوين خلفية الموضوع

<DIV id=cdiv style=”BACKGROUND-COLOR: اللون”><BR>

– كود الزر و الاجابة

<input type=button value=النص على الزر onClick=”alert(‘الاجابه’)”> <P

– وضع موضوع او موقع داخل ايطار فى نفس الصفحة

<BR><IFRAME SRC=”عنوان الموقع” WIDTH=540 HEIGHT=300></IFRAME><BR>

– الريل بلير ( مصدر صوتي )

<p align=”center”> <object id=”RAOCX” classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” width=”288″ height=”80″> <BR> <param name=”SRC” value=”العنوان”><BR> <param name=”CONTROLS” value=”ALL”><BR> <param name=”AUTOSTART” value=”TRUE”><BR> <param name=”NOLABELS” value=”TRUE”><BR> <param name=”RESET” value=”TRUE”> <BR> <embed src=”” height=”80″ controls=”Default” autostart=”true” console=”Clip1″><BR> </object></p><hr size=”1″><center><P>

– عمل ايطار للنص

<table border=”10″ width=”380″ id=”myexample” style=”border:5px solid green”>

<br>

<tr>

<br>

<td> النص للسطر الاول<br>النص للسطر الثانى<br><br></td>

<br>

</tr>

<br>

</table>

<br>

<script language=”JavaScript1.2″>

<br>

<!–

<br>

myexample.style.borderColor=”green”

<br>

}

<br>

setInterval(“flashit()”, 500)

<br>

//–>

<br>

</script>

<br>

<br>

– تموج النص مع الحركة من تحت الى فوق

<center>

<br>

<font color=”green” size=”6″>

<br>

<center>

<br>

<DIV STYLE=”width:550;height:70;filter:wave(strength=4, freq=2, lightstrength=40, add=0, phase=20)”><marquee direction=”up” height=”280″ scrollamount=”2″><BR>الكلام<a href=””></a><a href=””></a> </marquee></DIV></FONT><BR><BR><BR>

<br>

<BR>

<br>

<BR>

<br>

<center><a href=””></center>

<br>

</BODY>

<br>

</html>

– كود الكتابه بالنار

<BR><BR><BR><head><BR><meta name=”GENERATOR” content=”Microsoft FrontPage 4.0″><BR><meta name=”ProgId” content=”FrontPage.Editor.Document”><BR></head><APPLET codebase=”http://ie.yimg.com/e/5da47e1c/h/87d89c18″ width=300height=300 code=”flame.class” height=”128″> <BR><param name=”text” value=”الــنــار مـاتـحـرق+ الا +رجــل واطـيـهـا”></applet> <BR>

<br>

<DIV id=cdiv

– ايطار مع خلفية متحركة من الاسفل الى الاعلى بلون عنابى

<BR><DIV id=cdiv style=”BACKGROUND-COLOR: bron”><BR><marquee direction=”Up” scrollAmount=”1.5″> <BR><BR><FONT size=”5″><FONT COLOR=”Blue”><BR><center><B><I><FONT face=”Tahoma”><FONT COLOR=”Yellow”>النص</FONT c></FONT f></I></B></center> </FONT c></FONT <P><P>

<br>

– تشغيل افلام الفلاش

<embed width=”550″ height=”500″ src=”عنوان الموقع” type=”application/x-shockwave-flash”>

– نص ملون مع ضلال

<div style=” width:100%;filter:shadow(color=green,strength=20);

color:White;font:60pt”>النص

– كود الترحيب للدخول .. والوداع للخروج

<P><head><BR><title></title><BR></head><P><BODY onLoad=”alert(‘ نـــــص الـــتـــرحـــيـــب ‘);” onUnload=”alert(‘نـــص الـــــوداع’);” link=”#FFA1000″ vlink=”#FFA1000 alink=”#00FF95″><br><BR><BR><p><BR><br><BR> <center><BR><br><BR><font color=white><BR><br><BR><p><BR><br><P><br><BR><P> <BR><br><P><BR><p>

– رسالة وداع مع خروجك من الصفحة

<body onUnload=”window.alert(‘مع السلامة’)”>

– شكل اخر للريل بلير ( مصدر صوتى )

<param name=”BACKGROUNDCOLOR” value=”#ff00ff”><embed src=”العنوان” align=”baseline” border=”0″ width=”275″ height=”40″ type=”audio/x-pn-realaudio-plugin” console=”Clip1″ controls=”ControlPanel” autostart=”true”><P><BR><BR>

– طريقة اخرى لوضع ايميلك كلينك

<a href=”mailto:sopr67@hotmail.com”>اضغط هنا لمراسلتى</a>

– اشكال مختلفة للخروج من الصفحة

<meta http-equiv=”Page-Enter” content=”revealTrans(Duration=5.0,Transition=23)”>

<br>

<meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=23)”>

<br>

<!– MAKE SURE YOU PUT IT ~~”BEFORE”~~ THE <HTML> TAG–>

<br>

<br>

<html>

<br>

<head>

<br>

<title>PAGE DURATIONS</title>

<br>

</head>

<br>

<br>

<body bgcolor=”#ffffff” text=”#000000″ id=all>

<br>

<CENTER>

<br>

<br>

</body>

<br>

</html>

<br>

<br>

– لتغير سهم الماوس من الاعلى الى الاسفل مع الحركة

<body style=”cursor:sw-resize”>

– كود تشغيل ملفات الفديو

<embed SRC=”العنوان” type=”audio/x-pn-realaudio-plugin” CONSOLE=”Clip1″ CONTROLS=”ImageWindow” HEIGHT=”170″ WIDTH=”220″ AUTOSTART=”true” style=”border: 100groove #333333″>

<br>

<p align=”center”>

<br>

– وضع ايطار للصفحة بلون عنابي

<br>

<br>

<body style=”border: 10 solid #800000 “>

<br>

<br>

<br>

– وضع بنار التاريخ مع الموضوع

<CENTER>

<br>

<img src=”http://cgibin.erols.com/cgi-bin/Count.cgi?display=date&dformat=DDMMYY&ft=3&tr=N&dd =C”>

<br>

<br>

</CENTER>

<br>

– خط مذهب

<br><br><font size=4><div style=” width:100%;filter:glow(color=#C8B676,strength=6);c

olor:#535736″><font face=”Simplified Arabic Backslanted”><br><br>النص<br><br>

– كود ايطار رائع مع نص ثابت

<br><br><br><center><br><TABLE BORDER=1 WIDTH=500 Background=”عنوان الصوره او الايطار”><TR><TD ALIGN=CENTER><h1><font size=”4″ face=”monotype koufi” color=”white”> <br><br><br><br>النص<br><br><br><font size=”3″ face=”simplified arabic” color=”#fef1bc”></marquee></TD></TR></TABLE></center><br><br><br>

– كود خط من فنون

<br><FONT style=” width:100%;filter:shadow(color=#cccc00,strength=10

);color:ff0000″ face=”andalus” size=7>النص</font>

– نص داخل ايطار ثابت مع مصدر صوتي مخفي

( مع هذا الكود يجب اضافة موسيقى من نوع MIDI اى موسيقى فقط بدون أغاني )

<br><b><font face=”Arial”><b><font face=”Arial”><B><font face=”Arial”><br><html><DIV id=cdiv style=”BACKGROUND-COLOR: Black”><br><Center><br><FONT FACE=”MCS FREEDOM”><FONT SIZE=”6″><FONT COLOR=”#BFD7BF”><br><bgsound src=”عنوان المقطع الصوتى” loop=”-10″><br>هنا يكون النص<br></FONT></FONT></FONT><br></font></b><br>

– شريط مع نص متحرك

<b><font face=”Kunstler Script” size=”4″ color=”#FFFF00″><br><marquee bgcolor=”#0000FF” style=”color: #FFFFFF”> الــنــص</marquee></font></b>

خط باللون الاسود مع التوسيط

<br><br><center><h3> <font color=”#000000″><font size=-1<<br>الـــنـــص<br>

– امر الانتقال الى صفحة او موقع جديد ( تلقائى )

<br>

<br>

<META HTTP-EQUIV=”Refresh” CONTENT=”10;URL=عنوان الموقع “>

<br>

<br>

<br>

– قائمة اختيارات سؤال وجواب

<br>

<br>

<select name=”selector”>

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

<option value=”الـــجــــواب”>الــــســــؤال ؟

<br>

<br>

<br>

</select>

<br>

<br>

<br>

<INPUT TYPE=”button” value=”اضغط لتعرف الجواب” onClick=”alert(form.selector.options[form.selector.selectedIndex].value)”></form>

<br>

<br>

<br>

– تغير خلفية المنتدى

<br>

<br>

<body background=”عنوان الصوره المطلوبه”>

<br>

<br>

<br>

زر الذهاب إلى الأعلى
إغلاق