شرح: اكواد HTML

حصريا على صفحكه اكبر مكتبه كودات الفيس بوك- xD3

للمبتدئين طريقة عمل صفحة ترحيب من البدايه الى النهايه

اولا تحتاج الى اضافة تطبيق HTML الذى من خلاله

يتم اضافة الاكواد التى فى النهايه تترجم الى صور ولينكات

ويمكنك ا

ضافة 12 تاب فارغ الى صفحتك تستغلهم فيما بعد

شاهد الصوره لكيفية اضافة التطبيق

اكواد هتمل 1

(HTML) هذا شرح مبسط لتطبيق الهتمل

وهذه الاكواد الضروريه لكل تاب

وهنا طريقة اضافة التطبيق وشرح استخدامه اذهب للشرح

وطريقة نسخ الاكواد الموجوده هنا

للنسخ ctrl+c اضغط كليك للتظليل ثم

اكواد الخلفيات

<html><br /> <body background="http://www3.0zz0.com/2011/07/27/21/995124109.jpg"><br />    <br />  المحتوى هنا<br />  <br /> </body><br /> </html><br />  <br />  <br />    <br /> <html><br /> <body style="background-color:#008000;"><br />  <br />  المحتوى هنا<br />  <br /> </body><br /> </html>

اكواد الروابط

رابط بلون احمر وخط كبير ويفتح فى نافذه جديده

<b><a<br />  href="https://www.facebook.com/Codes.Egypt?sk=wall" <br /> style="text-decoration:none;color:#ff0000;font-size:20px" <br /> target="_blank">رابط بلون احمر وخط كبير ويفتح فى نافذه <br /> جديده</a></b>

رابط عادى ويفتح فى نافذه جديده

<a<br />  href="https://www.facebook.com/Codes.Egypt?sk=app_192602997444667" <br /> style="text-decoration:none;" target="_blank">رابط عادى ويفتح فى <br /> نافذه جديده</a>

رابط التطبيق العادى ويفتح فى نافذه جديده

<a href="https://www.facebook.com/tabadol.A3lane" target="_blank">رابط التطبيق العادى ويفتح فى نافذه جديده</a>

رابط التطبيق العادى ويفتح فى نفس نافذة المتصفح

<a href="https://www.facebook.com/tabadol.A3lane" target="_top">رابط التطبيق العادى ويفتح فى نفس نافذة المتصفح</a>

اذهب الى الحائط الرئيسى

<font color="#FF0000" SIZE="6">اذهب الى</font><br />  <a href="https://www.facebook.com/Codes.Egypt?sk=wall" target="_blank"><br />  <font color="#FF00FF" SIZE="5">الحائط</font></a><br />  <font color="008000" SIZE="4">الرئيسى</font>

اكواد الصور

كود الصور سواء ثابته او متحركه

<img src="http://uaemusics.com/uploood/images/oo5me7jb2nj6z3fqmi4c.gif"/>

كود للصوره ويمكنك التحكم فى ابعاد الصوره

<img src="http://uaemusics.com/uploood/images/oo5me7jb2nj6z3fqmi4c.gif" width="250" height="70" />

كود للصوره وعند الضغط عليها تذهب بك الى رابط

<a<br />  href="http://www.facebook.com/tabadol.A3lane" <br /> target="_blank"><img <br /> src="http://uaemusics.com/uploood/images/oo5me7jb2nj6z3fqmi4c.gif"></a><br /> <br />

كود للكتابة علي الصور سواء كانت متحركة او ثابته

اكتب كل ما تريده على الصورة كما هوا هنا

<CENTER><br />  <TABLE BORDER=1 WIDTH=500 Background="http://uaemusics.com/uploood/images/oo5me7jb2nj6z3fqmi4c.gif"><br />  <TR><TD ALIGN=CENTER><h1><FONT FACE="DecoType Naskh" SIZE="5"><FONT COLOR="white"><br />  اكتب كل ما تريده على الصورة كما هوا هنا<br />  </FONT></FONT><br />  </TD></TR><br />  </TABLE></center>  <br />

احجام والوان الخطوط

اتجاه النص الى اليمين

واللون احمر وحجم الخط 30

<p style="text-align:right;color:#FF0000;font-size:30px"><br />   اتجاه النص الى اليمين<br />   <br><br />   واللون احمر وحجم الخط 30<br />  </p>

اتجاه النص فى الوسط

واللون ازرق وحجم الخط 25

<p style="text-align:center;color:#0000FF;font-size:25px"><br />   اتجاه النص فى الوسط<br /> <br><br />   واللون ازرق وحجم الخط 25<br /> </p>

اتجاه النص الى اليسار

واللون اخضر وحجم الخط 20

<p style="text-align:left;color:#347C17;font-size:20px"><br />   اتجاه النص الى اليسار<br /> <br><br />  واللون اخضر وحجم الخط 20<br /> </p>

اشكال الخطوط

This text is bold
This text is strong
This text is big
This text is italic
This text is emphasized
This is computer output
This is_subscript and ^superscript

<center>     <br /> <p><b>This text is bold</b></p><br /> <p><strong>This text is strong</strong></p><br /> <p><big>This text is big</big></p><br /> <p><i>This text is italic</i></p><br /> <p><em>This text is emphasized</em></p><br /> <p><code>This is computer output</code></p><br /> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p><br /> </center>

روابط تهمك

اكواد هتمل 2

خلفيات للتابات

فواصل زينة للتاب

موقع لاكواد الالوان

كيفيية ادراج فيديو يوتيوب فى تطبيق الهتمل

تغيير شكل السهم فى التاب

كيفية عمل مربع تعليقات لتاب الهتمل

كيفية عمل زر أعجبنى لتطبيق الهتمل او لموقعك

اسهل دورة لتعليم الهتمل

الموقع العالمى لجميع لغات البرمجه

♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦
اكواد هتمل 2

طريقة نسخ الاكواد الموجوده هنا

للنسخ ctrl+c اضغط كليك للتظليل ثم

كود لايك دون طلب من زائر الصفحة ان يؤكد اعجابة بالصفحة

<center><br /> <script type="text/javascript" src="http://codesegypt.eb2a.com/js3.js"></script>   <br /> <iframe src="http://www.facebook.com/plugins/like.php?href=رابــــــــط صفحتك&layout=standard<br /> &show_faces=false&width=450&action=like&font=tahoma&colorscheme=light&height=80" <br /> scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:25px;" <br /> allowTransparency="true" id="fbframe" name="fbframe"></iframe><br /> <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script><br /> <script type="text/javascript" src="http://codesegypt.eb2a.com/js.js"></script> <br /> </center>

html كود لوضع ملف فلاش يتم عرضه في تطبيق

هذا الكود هو لادراج ملف فلاش يعمل تلقائى عند فتح التاب ولاكن لابد ان يكون نوع Swf الملف

واذا اردت التحكم في ابعاد الفلاش فهي من الارقام الموجود بالكود العرض الموجود بالفلاش هو 400 والطول الموجود هو 200

ورابط ملف الفلاش الموجود بالكود هو

http://dc10.arabsh.com/i/03658/5cbvznf4xorx.swf
وهذا مثال لعرض فلاشي

<center><embed<br />  width="400" height="200" <br /> src="http://dc10.arabsh.com/i/03658/5cbvznf4xorx.swf" <br /> type="application/x-shockwave-flash"></embed></center>

زر للمشاركه

لكي يعمل معك الزر استبدل رابط صفحتى برابط صفحتك الموجود بالكود

مثال

| | |

| | |

<center><marquee<br />  scrollamount="1" direction="left" width="2%">| | |</marquee> <br /> <a <br /> href="http://www.facebook.com/sharer/sharer.php?u=https://www.facebook.com/Codes.Egypt"<br />  onclick="window.open(this.href,  '',  <br /> 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=520,left=50,height=400,top=50');<br />   return false;"><img alt="" src="http://i.imgur.com/Vf886.jpg" <br /> style="width: 60px; height: 23px;" /></a> <marquee <br /> scrollamount="1" direction="right" width="2%">| | <br /> |</marquee></center>

كود ملف صوتى يعمل مباشر عند فتح التاب

هذا الكود هو لادراج ملف صوتى يعمل تلقائى عند فتح التاب ولاكن حتى يعمل معنا

Mp3 الكود بشكل سليم لابد ان يكون نوع ملف الصوت

ورابط الملف الصوتي الموجود بالكود هو

http://www.uaemusics.com/uploood/images/62xhezntifrishirr001.mp3

<embed<br />  src="http://www.uaemusics.com/uploood/images/62xhezntifrishirr001.mp3" <br /> align="baseline" border="0" width="0" height="0" <br /> type="audio/x-pn-realaudio-plugin" console="Clip1" <br /> controls="ControlPanel" autostart="true"></embed>

تحذير هام : ان الفيسبوك يمنع وضع اى ملفات للصوت او الفيديو او الفلاش تشغيل تلقائى فى التاب ولابد ان يحتوى اى ملف على زر للتشغيل والايقاف ومن يخالف الشروط قد يعرض صفحته بالكامل للحذف

فى التاب mp3 كود لتشغيل ملف

وكل ما تحتاجه تغييره فى الكود هو رابط ملف الصوت

مثال على الرابط

http://uaemusics.com/uploood/images/k2uo10ogba5asv9vso5.mp3

<center><embed<br />  type="application/x-shockwave-flash" <br /> flashvars="audioUrl=http://uaemusics.com/uploood/images/k2uo10ogba5asv9vso5.mp3"<br /> src="http://goo.gl/FyGlH"<br /> width="400"<br />  height="27" quality="best"></embed></center>

علامات تبويب داخل التاب

:مثال على العلامات

<center><br /> <br />  <script type="text/javascript"><br />   function Msg1(){<br />     document.getElementById('myText').innerHTML = 'رساله 1';<br />   }<br />   function Msg2(){<br />     document.getElementById('myText').innerHTML = 'رساله 2';<br />   }<br />   function Msg3(){<br />     document.getElementById('myText').innerHTML = 'رساله 3';<br />   }<br />   function Msg4(){<br />     document.getElementById('myText').innerHTML = 'رساله 4';<br />   }<br />   function Msg5(){<br />     document.getElementById('myText').innerHTML = 'رساله 5';<br />   }<br />   function Msg6(){<br />     document.getElementById('myText').innerHTML = 'رساله 6';<br />   }  <br />   function Msg7(){<br />     document.getElementById('myText').innerHTML = '<IMG       <br /> SRC="http://uaemusics.com/uploood/images/4feistf6hk84vtoso7vb.jpg"><br>ويمكنك<br />   ايضا  وضع صور او اى شئ بدل الكلام';<br />   }  <br />     <br />   </script><br />   <input type="button"  onclick="Msg7()" value=" تاب 7 " /><br />   <input type="button"  onclick="Msg6()" value=" تاب 6 " /><br />   <input type="button"  onclick="Msg5()" value=" تاب 5  " /><br />   <input type="button"  onclick="Msg4()" value=" تاب 4 " /><br />   <input type="button"  onclick="Msg3()" value=" تاب 3 " /><br />   <input type="button"  onclick="Msg2()" value=" تاب 2 " /><br />   <input type="button"  onclick="Msg1()" value=" تاب 1 " /><br />   <p id="myText"></p><br />   </center>

يمكنك تغيير عدد التابات بسهوله

كود لادراج موقع داخل التاب

وكل ما تحتاجه تغييره فى الكود هو رابط الموقع الموجود فى الكود ويمكنك التحكم فى ابعاد الاطار من الرقم 300 العرض و 150 الارتفاع

:مثال على الموقع المدرج

<center><iframe<br />  src="http://www.uaemusics.com/uploood/index.php" width="300" <br /> height="150"></iframe></center>

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

كود اظهار رسالة ترحيب للزائر عند دخوله الصفحة ورسالة وداع عند خروجه وكل معا عليك هو ان تنسخ الكود وتضعة في اول التاب

<BODY onLoad="alert('مرحبا بيكم');" onUnload="alert('مع السلامة');"></BODY>

ساعة رقمية جميلة جدا

<center><embed<br />  src="http://www.uaemusics.com/uploood/images/hl4s0c2myh2ljc41t2r3.swf" <br /> quality="High" bgcolor="#ffffff" wmode="transparent" <br /> type="application/x-shockwave-flash" <br /> pluginspage="http://www.macromedia.com/go/getflashplayer" menu="false" <br /> name="anaclock" height="90" align="" <br /> width="210"></embed></center>

متجدد دائما

By glok