[CENTER]اكواد
html للمواقع وصفحات الفيس بوك ولبلوجر كمان مكتبة جافا جديدة 2016
اهلا بكل المبرمجات في شبكة حياتي النسائية او فتكات العربية بنقدم لكل مطورة عربية بتشتغل مبرمجة او مصممة مواقع عندك منتدي بتدوري علي مكتبة
اكواد جاهزة وجديدة عشان تدرجي الاكواد في موقعك بدون ماتعب تعرفي معنا علي اكبر مكتبة
اكواد html ممكن تشوفيها في اي منتدي عربي عشان المبرمجات فقط تفضلي اكبر تجميعة لكل
اكواد الالوان والنصوص حصريا لموقع حياتي 2016
كود:
نص متحرك ( من اسفل الى اعلا )
<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>
كود:
لوضع ايميلك كا لينك
ليعمل الكود يجب ان نمسح ( * ) من كلمة email
[email*]ايـمـيـلـك[/email*]
كود:
طريقه اخرى لوضع ايميلك كا لينك
<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>
<p><!--webbot bot="HTMLMarkup" startspan --><p align="center"><font face="MS Dialog Light" size="4"><b> <a href="" onMouseover="alert('رسالة التوبيخ الاولى'); alert('رسالة التوبيخ الثانيه '); alert('رسالة التوبيخ الثالثه'); alert('رسالة التوبيخ الرابعه'); alert('رسالة التوبيخ الخامسه '); alert('رسالة التوبيخ السادسه'); alert('رسالة التوبيخ السابعه؟'); alert('الحين لازم ترسل لي رسالة تعتذر فيها مني انا (اسمك)'); alert('وافضل لك أرسل الرسالة لا أوريك نجوم الظهر'); document.bgColor='black'; document.fgColor='Red'; window.location.href='mailto:عنوانك البريدى?subject=انا اسـف جـداً يـ( اسمك ) انشاء الله ما عاد اكررها ثانيه';"">اتحداك تمرر الفاره هنا</a>
<br>
<br>
<br>
<!--webbot bot="HTMLMarkup" endspan -->
<br>
<br>
<br>
</p>
<br>
<br>
<br>
كود:
تغير خلفية المنتدى
<br>
<br>
<body background="عنوان الصوره المطلوبه">
<br>
<br>
<br>
كود:
كود تشغيل ملفات الفديو ( مع ايطار للشاشه )
ا<br>
<br>
<p align="center">
<br>
<br>
<br>
<embed SRC="العنوان" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="172" WIDTH="180" AUTOSTART="true" style="border: 179 groove #333333">
<br>
<br>
<br>
<p align="center">
<br>
<br>
<br>
<embed type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel" HEIGHT="40" WIDTH="218" AUTOSTART="true" style="border: 10 double #000000">
<br>
<br>
<br>
كود:
اللنك المتحرك
<a href="عنوان الموقع"><marquee width=100% behavior=alternate direction=left align=middle border=3>اسم الموقع</marquee></a>
كود:
التحويل على صفحه اخرى بتمرير الماوس على الكلمه
<a href="" onmouseover="parent.location='عنوان الموقع'"> اسم الموقع</A>
كود:
اظافة صوره مع نص
<p align="center">
<br>
<!--Change following reflection image to your own--><img id="reflect" src="عنوان الصوره">
<br>
النص<br>
<br>
<script language="JavaScript1.2">
<br>
</script>
<br>
كود:
كشف محتويات الجهاز لجميع الدر يفات
كشف محتويات دريف ( سى )<br>
<br>
<form action="file:///c|/">
<br>
<p align="center"><input type="submit" value="c:\ drive">
<br>
</form>
<br>
<p align="center"><br>
<br>
</p>
<br>
كشف محتويات دريف ( اي )<br>
<br>
<form action="file:///a|/">
<br>
<p align="center"><input type="submit" value="a:\ drive">
<br>
</form>
<br>
<p align="center"><br>
<br>
<p align="center"><br>
<br>
</p>
<br>
كشف محتويات دريف ( بي )<br>
<br>
<form action="file:///b|/">
<br>
<p align="center"><input type="submit" value="b:\ drive">
<br>
</form>
<br>
<p align="center"><br>
<br>
<p align="center"><br>
<br>
</p>
<br>
كشف محتويات دريف ( دي )<br>
<br>
<form action="file:///d|/">
<br>
<p align="center"><input type="submit" value="d:\ drive">
<br>
</form>
<br>
<p align="center"><br>
<br>
<p align="center"><br>
<br>
</p>
<br>
كشف محتويات دريف ( اي )<br>
<br>
<form action="file:///e|/">
<br>
<p align="center"><input type="submit" value="e:\ drive">
<br>
</form>
<br>
كود:
شريط مع نص ثابت
<br><Pstyle="BACKGROUND-COLOR: lemonchiffon"><br> <P align=center style="BACKGROUND-COLOR: lemonchiffon"><FONT face=Tahoma><STRONG><FONT<br> <FONT color=#9400d3>النص</FONT> </FONT></STRONG></FONT><br>
كود:
تشغيل ملفات الفديو .. ريل بلير الاصلى يفتح بنافذه منفصله
<IFRAME SRC="العنوان" WIDTH=1 HEIGHT=1></IFRAME><BR>
كود:
صفحه داخل صفحه مع ايطار مخدد
<iframe name="cwindow" style="border:15 ridge red" width=500 height=250 src="العنوان"></iframe>
كود:
ادراج خلفيه صوتيه مخفى....للميديا بلير .... هذا الكودفقط لي اظافه الموسيقى من نوع MID
<br>
<br>
<bgsound src="العنوان" loop="infinite">
<br>
<br>
<br>
كود:
قائمة لونك المفضل للخلفيه
<head>
<br>
<FORM>
<br>
<INPUT TYPE=button VALUE="ازرق " onClick="document.bgColor='blue'">
<br>
<INPUT TYPE=button VALUE="اخضر" onClick="document.bgColor='green'">
<br>
<INPUT TYPE=button VALUE="بنك " onClick="document.bgColor='pink'">
<br>
<INPUT TYPE=button VALUE="ابيض" onClick="document.bgColor='white'">
<br>
<INPUT TYPE=button VALUE="اصفر" onClick="document.bgColor='yellow'">
<br>
<INPUT TYPE=button VALUE="ذهبى" onClick="document.bgColor='gold'">
<br>
<INPUT TYPE=button VALUE="اسود" onClick="document.bgColor='black'">
<br>
</FORM><BR>
<br>
</head>
<br>
<br>
كود:
وضع موضوعك صفحة البدايه
<a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepag e)';this. setHomePage('العنوان');"><font size="3">اضغط لوضع موضـوعى
<br>
صـفـحـة الـبـدايـه لـديـك</font></a>
كود:
لالغاء الخطوط التي تظهر تحت الوصلات
<head>
<br>
<style>
<br>
<!--A:link {text-decoration: none; color: #0000ff;}A:visited {text-decoration: none; color: #0000FF;}A:active {text-decoration: none; color:#FF0000; }A:hover {text-decoration: none; color: #ff0000;font-size:16 ;}//-->
<br>
</style>
<br>
</head>
كود:
لعمل تاثير على نص مع لنك
<center>
<br>
<font color="green" size="5">
<br>
<center>
<br>
<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>
<br>
<BR>أهلا بك فى <a href="العنوان"> مــوضـوعــى </a>اتمنى أن تجد ماتبحث عنه وشكرا لك على الزياره</DIV></FONT><BR><BR><BR>
<br>
</html>
<br>
كود:
صفحه داخل صفحه مع ايطار مزدوج
<iframe name="cwindow" style="border:15 double red" width=500 height=250 src="العنوان"></iframe>
كود:
قائمة لونك المفضل للخلفيه ( قائمة منسدله )
</HEAD>
<br>
<BODY>
<br>
<CENTER><B>اختر لون الخلفيه المطلوبه</B></CENTER>
<br>
<P><HTML> <TITLE>test</TITLE> <FORM ACTION="" METHOD=POST>
<br>
<CENTER> <SELECT NAME=backGround>
<br>
<OPTION VALUE=000000>Black
<br>
<OPTION VALUE=730200>DarkRed
<br>
<OPTION VALUE=231800>Brown
<br>
<OPTION VALUE=044302>DarkGreen
<br>
<OPTION VALUE=0D09A3>Dark Blue
<br>
<OPTION VALUE=444444>Gray
<br>
<OPTION VALUE=FF0400>Red
<br>
<OPTION VALUE=EFE800>Yellow
<br>
<OPTION VALUE=05EF00>Green
<br>
<OPTION VALUE=0206FF>Blue
<br>
<OPTION VALUE=AE08EF>Violet
<br>
<OPTION VALUE=FF8C8A>Mauve
<br>
<OPTION VALUE=FFCCCC>Peach
<br>
<OPTION VALUE=FFCC99>Orange
<br>
<OPTION VALUE=D5CCBB>Tan
<br>
<OPTION VALUE=DDDDDD>LightGray
<br>
<OPTION VALUE=FBFF73>Light Yellow
<br>
<OPTION VALUE=7CFF7D>LightGreen
<br>
<OPTION VALUE=A6BEFF>Light Blue
<br>
<OPTION VALUE=FFFFFF SELECTED>White
<br>
</SELECT><INPUT TYPE=reset VALUE="اضغط" onclick="(document.bgColor=backGround.options[backGround.selectedIndex].value)"></CENTER>
<br>
</FORM></P>
<br>
<CENTER>
<br>
<P><INPUT TYPE=reset VALUE="ارجع لون الخلفيه الى الابيض" onclick='document.bgColor="white"'></P>
<br>
<P> </P>
<br>
</CENTER>
<br>
</BODY>
<br>
</HTML>
<br>
مكتبة
اكواد عمل تاثيرات CSS حصريا علي برمجيات منتدي حياتي
صفة Style هي الاستخدام الأبسط للغة CSS داخل صفحات الويب، فبالعادة يُمكن
كتابة ملف التنسيق بشكل مُنفصل ثم نقوم بإستعادئه داخل صفحة الويب وتُوفر الصفة Style مجموعة كبيرة من الخيارات التي يُمكن استخدامها، فبعد التعرّف على خيار تغيير اللون، دعنا نستخدم خيارات تغيير حجم الخط ونوعه .
قُم بإنشاء ملف جديد مع
كتابة الوسوم الأساسية .
قُم بكتابة ثلاثة فقرات باستخدام وسم p لتحصل على الشيفرة .
<html>
<head>
<title> منتدي حياتي | تغيير حجم الخط ونوعه </title>
</head>
<body>
<p style=“”>فقرة أولى بحجم خط مُختلف</p>
<p style=“”>فقرة ثانية بنوع خط مُختلف</p>
<p style=“”>فقرة ثالثة بنوع خط مُختلف</p>
</body>
</html>
الآن نستخدم في الفقرة الأولى الخيار font-size والذي من خلاله يُمكن التحكم بحجم الخط، القيم التي يُمكن استخدامها كثيرة، حيث يُمكن
كتابة small، x-small أو medium. كما يُمكن
كتابة القيمة بشكل رقمي مع تحديد الوحدة مثل “٪”، “px” بيسكل، “em” أو “pt” .
في مثالنا سنستخدم البيكسل كوحدة لتمثيل الأرقام، وبعد إضافة أي قيمة نحصل على الشيفرة .
<p style=”font-size:20px;”>فقرة أولى بحجم خط مُختلف</p>
بعد حفظ الصفحة ومعاينة التغييرات تُلاحظ عرض فقرة بحجم الخط الذي قُمت بتحديده، قم بتغيير القيمة من 20 إلى 40 لتلاحظ الفرق من جديد .
لتغيير نوع الخط يُمكن الإستعانة بخيار font-family، ومن الخطوط الشهيرة Tahoma أو Times New Roman، في مثالنا سنستخدم أكثر من خط لمشاهدة الفرق .
<p style=“font-family:Tahoma;”>فقرة ثانية بنوع خط مُختلف</p>
<p style=“font-family:’Times New Roman';”>فقرة ثالثة بنوع خط مُختلف</p>
تُلاحظ أن كل جملة من الجمل الجديدة تظهر بخط مُختلف عن الآخر، ويُمكنك تجربة المزيد من الخطوط حيث يُمكن فتح برامج مثل مايكروسوفت وورد للإطلاع على الخطوط الموجودة .
مُلاحظة هامة جدًا: يجب تضمين اسم الخط ضمن “اسم الخط” في حالة كان مُكونًا من أكثر من قسم مثل Times New Roman، أما خط Tahoma فيُمكن كتابته دون علامات التنصيص .
قد تتساءل عن إمكانية استخدام أكثر من خيار لنفس العنصر، فمثلًا قد ترغب بعرض فقرة بخط Tahoma وبحجم 40 بيسكل هذا بالطبع مُمكن ويتم بالطريقة التالية
<p style=”font-family:Tahoma; font-size:40px; color:RED;”>فقرة ثانية بنوع خط مُختلف</p>
بهذه الطريقة نكون قد تعرّفنا على طريقة
كتابة شيفرات باستخدام CSS :)، نعم الأمر بهذه البساطة وسنستعرض فيما بعد طريقة
كتابة هذه الشيفرات في ملف مُنفصل .
h;,h] ;jhfm hgkw html
