مكتبة اكواد html مكونة من مئة كود احترافي مصدر الموضوع مدون

الثلاثاء سبتمبر 25, 2018 11:31 am

مرحبا بكم

اليكم اليوم اكواد html

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

كود:
نص متحرك ( من اسفل الى اعلا )
<marquee direction="Up" scrollAmount="2"> النص </marquee> النص </marquee> 

كود:
نص ملون بلونين من الداخل والخارج
<TABLE STYLE=filter:GLOW(color="brown",strength=#+9)><FON T COLOR="yellow">النص </TABLE>

كود:
نص متحرك من الجنب
<marquee>

كود:
تحديد حركة النص
<CENTER>
 

 
<marquee valign="middle" behavior="alternate" direction="left" height="14" width="468" hspace="0" vspace="0" loop="infinite" scrollamount="5" scrolldelay="0">النص</marquee>
 

 
</CENTER>

كود:
تلوين خلفية الموضوع
<DIV id=cdiv style="BACKGROUND-COLOR: اللون"> 

كود:
كود الزر والاجابه
<input type=button value=النص على الزر onClick="alert('الاجابه')"> <IFRAME SRC="عنوان الموقع" WIDTH=540 HEIGHT=300></IFRAME> 

كود:
الريل بلير ( مصدر صوتى )
 <object id="RAOCX" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="288" height="80"> <param name="SRC" value="العنوان"> <param name="CONTROLS" value="ALL"> <param name="AUTOSTART" value="TRUE"> <param name="NOLABELS" value="TRUE"> <param name="RESET" value="TRUE"> <embed src="" height="80" controls="Default" autostart="true" console="Clip1"> </object><hr size="1"><center>

كود:
عمل ايطار للنص
<table border="10" width="380" id="myexample" style="border:5px solid green">
 
<tr>
 
<td> النص للسطر الاول النص للسطر الثانى </td>
 
</tr>
 
</table>
 
<script language="JavaScript1.2">
 

 
</script>
 

 

كود:
تموج النص مع الحركة من تحت الى فوق
<center>
 

 
<center>
 
<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"> الكلام<a href=""></a><a href=""></a> </marquee></DIV> 
 
 
 
 
 
<center><a href=""></center>
 
</BODY>
 
</html>

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

كود:
ايطار مع خلفيه متحركه من الاسفل الى الاعلى بلون عنابى
 <DIV id=cdiv style="BACKGROUND-COLOR: bron"> <marquee direction="Up" scrollAmount="1.5"> <center>النص</center> 
 

كود:
تشغيل افلام الفلاش
<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">النص

كود:
كود الترحيب للدخول .. والوداع للخروج
<head> <title></title> </head><BODY onLoad="alert(' نـــــص الـــتـــرحـــيـــب ');" onUnload="alert('نـــص الـــــوداع');" link="#FFA1000" vlink="#FFA1000 alink="#00FF95"> <center> 

كود:
رساله وداع مع خروجك من الصفحه
<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"> 

كود:
لوضع ايميلك كا لينك
ليعمل الكود يجب ان نمسح ( * ) من كلمة email

[email*]ايـمـيـلـك[/email*]

كود:
طريقه اخرى لوضع ايميلك كا لينك
<a href="mailto:sopr67@hotmail.com">اضغط هنا لمراسلتى</a>

كود:
اشكال مختلفه للخروج من الصفحه
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=23)">
 
<meta http-equiv="Page-Exit" content="revealTrans(Duration=5.0,Transition=23)">
 

 

 
<html>
 
<head>
 
<title>PAGE DURATIONS</title>
 
</head>
 

 
<body bgcolor="#ffffff" text="#000000" id=all>
 
<CENTER>
 

 
</body>
 
</html>
 

 

كود:
لتغير سهم الماوس من الاعلا الى الاسفل مع الحركه
<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">
 

 

كود:
وضع ايطار للصفحه بلون عنابى
 
 
<body style="border: 10 solid #800000 ">
 
 
 

كود:
وضع بنار التاريخ مع الموضوع
<CENTER>
 
<img src="http://cgibin.erols.com/cgi-bin/Count.cgi?display=date&dformat=DDMMYY&ft=3&tr=N&dd =C">
 

 
</CENTER>
 

كود:
خط مذهب
 <div style=" width:100%;filter:glow(color=#C8B676,strength=6);c

olor:#535736"> النص 

كود:
كود ايطار رائع مع نص ثابت ... اختار الايطار الذى تريد
 <center> <TABLE BORDER=1 WIDTH=500 Background="عنوان الصوره او الايطار"><TR><TD ALIGN=CENTER><h1> النص </marquee></TD></TR></TABLE></center> 

كود:
كود خط من فنون
 النص

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

 <html><DIV id=cdiv style="BACKGROUND-COLOR: Black"> <Center> <bgsound src="عنوان المقطع الصوتى" loop="-10"> هنا يكون النص 

كود:
شريط مع نص متحرك
 <marquee bgcolor="#0000FF" style="color: #FFFFFF"> الــنــص</marquee>

كود:
خط باللون الاسود مع التوسيط
 <center><h3> الـــنـــص 

كود:
امر الانتقال الى صفحه او موقع جديد ( تلقائى )
 
 
<META HTTP-EQUIV="Refresh" CONTENT="10;URL=عنوان الموقع ">
 
 
 

كود:
قائمة اختيارات سؤال وجواب
 
 
<select name="selector">
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
<option value="الـــجــــواب">الــــســــؤال ؟
 
 
 
</select>
 
 
 
<INPUT TYPE="button" value="اضغط لتعرف الجواب" onClick="alert(form.selector.options[form.selector.selectedIndex].value)"></form>
 
 
 

كود:
قائمة تحدى
 
 
 <a href="" onMouseover="alert('رسالة التوبيخ الاولى'); alert('رسالة التوبيخ الثانيه '); alert('رسالة التوبيخ الثالثه'); alert('رسالة التوبيخ الرابعه'); alert('رسالة التوبيخ الخامسه '); alert('رسالة التوبيخ السادسه'); alert('رسالة التوبيخ السابعه؟'); alert('الحين لازم ترسل لي رسالة تعتذر فيها مني انا (اسمك)'); alert('وافضل لك أرسل الرسالة لا أوريك نجوم الظهر'); document.bgColor='black'; document.fgColor='Red'; window.location.href='mailto:عنوانك البريدى?subject=انا اسـف جـداً يـ( اسمك ) انشاء الله ما عاد اكررها ثانيه';"">اتحداك تمرر الفاره هنا</a>
 
 
 

 
 
 

 
 
 

كود:
تغير خلفية المنتدى
 
 
<body background="عنوان الصوره المطلوبه">
 
 
 

كود:
كود تشغيل ملفات الفديو ( مع ايطار للشاشه )
ا 
 

 
 
 
<embed SRC="العنوان" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="172" WIDTH="180" AUTOSTART="true" style="border: 179 groove #333333">
 
 
 

 
 
 
<embed type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel" HEIGHT="40" WIDTH="218" AUTOSTART="true" style="border: 10 double #000000">
 
 
 

كود:
اللنك المتحرك
<a href="عنوان الموقع"><marquee width=100% behavior=alternate direction=left align=middle border=3>اسم الموقع</marquee></a>

كود:
التحويل على صفحه اخرى بتمرير الماوس على الكلمه
<a href="" onmouseover="parent.location='عنوان الموقع'"> اسم الموقع</A>

كود:
اظافة صوره مع نص

 
<img id="reflect" src="عنوان الصوره">
 
النص 
 
<script language="JavaScript1.2">
 
</script>
 

كود:
كشف محتويات الجهاز لجميع الدر يفات
كشف محتويات دريف ( سى ) 
 
<form action="file:///c|/">
 
<input type="submit" value="c:\ drive">
 
</form>
 
 
 

 
كشف محتويات دريف ( اي ) 
 
<form action="file:///a|/">
 
<input type="submit" value="a:\ drive">
 
</form>
 
 
 
 
 

 
كشف محتويات دريف ( بي ) 
 
<form action="file:///b|/">
 
<input type="submit" value="b:\ drive">
 
</form>
 
 
 
 
 

 
كشف محتويات دريف ( دي ) 
 
<form action="file:///d|/">
 
<input type="submit" value="d:\ drive">
 
</form>
 
 
 
 
 

 
كشف محتويات دريف ( اي ) 
 
<form action="file:///e|/">
 
<input type="submit" value="e:\ drive">
 
</form>
 

كود:
شريط مع نص ثابت
 <Pstyle="BACKGROUND-COLOR: lemonchiffon"> <FONT النص 

كود:
تشغيل ملفات الفديو .. ريل بلير الاصلى يفتح بنافذه منفصله
<IFRAME SRC="العنوان" WIDTH=1 HEIGHT=1></IFRAME> 

كود:
صفحه داخل صفحه مع ايطار مخدد
<iframe name="cwindow" style="border:15 ridge red" width=500 height=250 src="العنوان"></iframe>

كود:
ادراج خلفيه صوتيه مخفى....للميديا بلير .... هذا الكودفقط لي اظافه الموسيقى من نوع MID
 
 
<bgsound src="العنوان" loop="infinite">
 
 
 

كود:
قائمة لونك المفضل للخلفيه
<head>
 
<FORM>
 
<INPUT TYPE=button VALUE="ازرق " onClick="document.bgColor='blue'">
 
<INPUT TYPE=button VALUE="اخضر" onClick="document.bgColor='green'">
 
<INPUT TYPE=button VALUE="بنك " onClick="document.bgColor='pink'">
 
<INPUT TYPE=button VALUE="ابيض" onClick="document.bgColor='white'">
 
<INPUT TYPE=button VALUE="اصفر" onClick="document.bgColor='yellow'">
 
<INPUT TYPE=button VALUE="ذهبى" onClick="document.bgColor='gold'">
 
<INPUT TYPE=button VALUE="اسود" onClick="document.bgColor='black'">
 
</FORM> 
 
</head>
 

 

كود:
وضع موضوعك صفحة البدايه
<a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepag e)';this. setHomePage('العنوان');">اضغط لوضع موضـوعى
 
صـفـحـة الـبـدايـه لـديـك</a>

كود:
لالغاء الخطوط التي تظهر تحت الوصلات
<head>
 
<style>
 

 
</style>
 
</head>

كود:
لعمل تاثير على نص مع لنك
<center>
 

 
<center>
 
<DIV STYLE="width:350;height:70;filter:wave(strength=4, freq=2, lightstrength=40, add=0, phase=20)"><marquee direction="up" height="15" scrollamount="2"></marquee>
 
 أهلا بك فى <a href="العنوان"> مــوضـوعــى </a>اتمنى أن تجد ماتبحث عنه وشكرا لك على الزياره</DIV> 
 
</html>
 

كود:
صفحه داخل صفحه مع ايطار مزدوج
<iframe name="cwindow" style="border:15 double red" width=500 height=250 src="العنوان"></iframe>

كود:
قائمة لونك المفضل للخلفيه ( قائمة منسدله )
</HEAD>
 
<BODY>
 
<CENTER>اختر لون الخلفيه المطلوبه</CENTER>
 
<HTML> <TITLE>test</TITLE> <FORM ACTION="" METHOD=POST>
 
<CENTER> <SELECT NAME=backGround>
 
<OPTION VALUE=000000>Black
 
<OPTION VALUE=730200>DarkRed
 
<OPTION VALUE=231800>Brown
 
<OPTION VALUE=044302>DarkGreen
 
<OPTION VALUE=0D09A3>Dark Blue
 
<OPTION VALUE=444444>Gray
 
<OPTION VALUE=FF0400>Red
 
<OPTION VALUE=EFE800>Yellow
 
<OPTION VALUE=05EF00>Green
 
<OPTION VALUE=0206FF>Blue
 
<OPTION VALUE=AE08EF>Violet
 
<OPTION VALUE=FF8C8A>Mauve
 
<OPTION VALUE=FFCCCC>Peach
 
<OPTION VALUE=FFCC99>Orange
 
<OPTION VALUE=D5CCBB>Tan
 
<OPTION VALUE=DDDDDD>LightGray
 
<OPTION VALUE=FBFF73>Light Yellow
 
<OPTION VALUE=7CFF7D>LightGreen
 
<OPTION VALUE=A6BEFF>Light Blue
 
<OPTION VALUE=FFFFFF SELECTED>White
 
</SELECT><INPUT TYPE=reset VALUE="اضغط" onclick="(document.bgColor=backGround.options[backGround.selectedIndex].value)"></CENTER>
 
</FORM>
 
<CENTER>
 
<INPUT TYPE=reset VALUE="ارجع لون الخلفيه الى الابيض" onclick='document.bgColor="white"'>
 
 
 
</CENTER>
 
</BODY>
 
</HTML>
 

كود:
طلب اضافة موضوعك او موقعك الى المفضله
<a href="java script:window.external.AddFavorite('عنوان اللنك',%20'((( الاسم فى المفضله )))')">أضف موضوعى لمفضلتك </a>
 

كود:
كودات المنتديات المختلفه

الكتابه بخط مائل
النص

خط تحت النص
النص

اضافة صوره للموضوع
يجب ازالة علامة * من هذا الكود ليعمل
[img]عنوان الصورة[*/img]

اضافة لينك مع الاسم
يجب ازالة علامة * من هذا الكود ليعمل
url="عنوان الموقع"]اسم الموقع[*/url]

اضافة لينك
يجب ازالة علامة * من هذا الكود ليعمل
[url]العنوان[*/url]

كود:
وضع توقيع
 
<iframe scrolling="no" frameborder=0 width=392 height=139 src="<A href="http://d1d.net/1/sites/nawaf511/baby.gif"></iframe">http://d1d.net/1/sites/nawaf511/baby.gif"></iframe>
 

كود:
وضع موقع داخل صفحة
 
<iframe scrolling="yes" frameborder=0 width=500 height=300 src="<A href="http://www.alghat2.com"></iframe">http://www.alghat2.com"></iframe> [/font][/size][/color]