شرح:اكواد FBML

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

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

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

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

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

الان طريقة وضع الاكواد داخل التاب

اتبع الاتى

وهذا شرح كيفية اضافة صورة فقط في تطبيق FBML

اولا اذهب الي موقع رفع الصور وهذا هو الرابط

http://uaemusics.com

ثانيا قوم بالضغط علي زر Browse

ثم قوم بتحديد الصورة من علي جهازك

وبعد تحديد الصورة قوم بالضغط علي بدء الرفع

وانتظر حتي يتم رفع الصورة

وبعد رفعها قوم بنسخ الرابط المباشر

ويكون الرابط المباشر هكذا

http://uaemusics.com/uploood/images/bl46wher4s23ax6f0jtz.jpg

الان ناتى للأكواد

هذا كود فارغ لوضع صوره فى التاب

<IMG SRC="رابط الصوره">

وهذه كود صوره كامل مع رابط الصوره على سبيل المثال

<IMG SRC="http://uaemusics.com/uploood/images/bl46wher4s23ax6f0jtz.jpg">

هذا الكود لتحكم في ابعاد الصورة

من حيث الطول والعرض

<IMG SRC="رابط الصوره" HEIGHT="70" WIDTH="120">

وهذا الكود مهمته توسيط اى شيئ فى التاب سواء صور

او كلام او اى شئ

<CENTER> كود التوسيط </CENTER>

وهذا ايضا مثال على كود التوسيط

<CENTER><IMG SRC="http://uaemusics.com/uploood/images/msi27epqnof9qvy4prh4.jpg"><CENTER>

وهذا ايضا هذا كود أضافة كلام فى التاب بحجم كبير ويمكنك التحكم

فى حجم الخط من الرقم 4 الموجود بالكود

 الكلمـه 

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

كود اللون الموجود فى الكود وكود اللون هو #FF0000

وهذا موقع لمعرفة اكواد الالوان color codes

 الكلمـــــه 

وهذا كود لتكبير وتلوين الكلمه معاً

 الكلمـــه 

وهذا كود لتحويل الكلمه الى رابط مثال

Ahmed Al Ezzi

<A HREF="http://www.facebook.com/profile.php?id=100002556028127"> Ħǿššàm Ɓǿǿk</A>

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

<A HREF="http://www.facebook.com/profile.php?id=100002556028127"><IMG SRC="http://uaemusics.com/uploood/images/k2i92j8o5f6sj6zu7noy.png"></A>

وهذا الكود الصغير للفصل رئسياً بين الصور او الكلام او اى شئ

 او

وهذا الكود لابعاد الصور او الكلام افقياً كفاصلة الكيبورد

 

اكواد FBML

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

welcome ‎Ahmed Al Ezzi‎

<center> <CENTER> welcome <fb:userlink uid="loggedinuser" /> </CENTER>

<CENTER> <style type="text/css"> #wrapper {background-image: url(http://img105.herosh.com/2010/11/06/732296068.jpg'); background-repeat: none; width:80px; height:30px; display: block; overflow: hidden;} </style><div id="wrapper"> <fb:comments xid="00_comments" canpost="false" candelete="false" returnurl="رابط صفحتك"> <fb:title></fb:title> </fb:like> </div> </CENTER>

كود لزر اعجبنى وان اردت اضهار عدد الفانز

فى الزر قم بتتغيير الرقم 80 الموجود بالكود

الى 300

المشاركة

<CENTER> <fb:share-button class="url" href="رابط صفحتك" /> </CENTER> 

<CENTER> <a href="الــــــــــرابط"><input type="submit" value="إسم الزر" name="B1"></a> </CENTER> 

لن اتكلم عن هذا الكود الحصري والرائع

مؤثر نصي جميل لتحريك والتبديل بين نصين

جرب بنفسك

جرب واضغط على مشاهدة المزيد

اصـــعــــب انـــواع الـــمـــقـــاومـــة ؟

مشاهدة المزيد

<div id="container"> SIZE="3"><center> هنا اكتب النص الاول </center> <a href="#" onclick="Animation(document.getElementById('container')).to('width', '0px').to('height', '0px').to('opacity', 0).blind().hide() .checkpoint(1, function() { Animation(document.getElementById('next')).to('width', 'auto').from('0px').to('height', 'auto').from('0px').to('opacity', 1).from(0).blind().show().go(); }) .go(); return false;"> SIZE="2"><center>مشاهدة المزيد</center></a> </div> <div id="next" style="display: none"> <center> هنا اكتب النص الثاني </center> </div>

كود صغير جدا

ولكن له تائير كبير فى التاب

وهو كود لاضافة ظل الى الكلام

 font-size:20px;text-align:center;color:#000000;font-size:25px"> النص المراد تظليله 

نافذه منبثقه

<CENTER> <CENTER> <a href="#" clicktoshowdialog="dialog">نافذه منبثقه</a>   <fb:dialog id="dialog"> <fb:dialog-title>العنوان</fb:dialog-title> <fb:dialog-content> <fb:visible-to-connection> <img src="http://uaemusics.com/uploood/images/4feistf6hk84vtoso7vb.jpg" alt="موضوع الصورة"> محتوى الرسالة <fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content> </fb:dialog> </CENTER> </CENTER>

Data	Data	Data
Data	Data	Data
Data	Data	Data
Data	Data	Data

ahmed al-ezzi

اطار ممكن تحط فيه اى شئ ويتمدد فى الارتفاع مع زيادة المحتوى ويمكنك التحكم فى العرض من الرقم 70% حتى 100%

<CENTER> </td> </tr> </tbody> </table> <table style="border: 2px solid rgb(216, 223, 234); text-align: left; width: 70%;" cellpadding="2" cellspacing="0"> <tbody> <tr> <td style="background-color: rgb(216, 223, 234);">الأسم</td> </tr> <tr> <td> <CENTER> كل ما تريد وضعه داخل الاطار هنا ويتمدد مع زيادة المحتوى </CENTER> </td> </tr> </tbody> </table> </CENTER>

ملحوظه : يجب ان تكون الصور كلها مقاس واحد

العنوان

الرساله

<fb:explanation> <fb:message>العنوان</fb:message> الرساله </fb:explanation> 

تحذير

الرساله

<fb:error> <fb:message>تحذير</fb:message> الرساله </fb:error> 

تنبيه

الرساله

<fb:success> <fb:message>تنبيه</fb:message> الرساله </fb:success> 

كود للأخفاء محتوى التاب عن غير المعجبين

<fb:visible-to-connection> كل شئ تريد اخفائه ضعه هنا بين الكودين </fb:visible-to-connection> 

النص: فى مربع محدود

<CENTER> <style type="text/css"> div.scroll { background-color:#EDDA74; width:400px; height:200px; overflow:scroll; } </style> <div class="scroll"> النص: فى مربع محدود </div> </CENTER>

مجموعه من الاكواد العامه والضروريه لكل تاب

انسخ كل الاكواد واحفظها على جهازك فى ملف تكست

كود رقم (1) يستخدم فى الفصل بين ارتفاع الجمل والصور ***************************************** كود رقم (2) يستخدم فى الفاصله افقياً بين الصور والكلمات ***************************************** كود رقم (3) تعريض خط الكتابه خط عريض ***************************************** كود رقم (4) لوضع صوره فقط فى التاب <IMG SRC="رابط الصوره"> ***************************************** كود رقم (5) التحكم فى ابعاد الصوره تحكم فى ابعاد الصوره بتبديل الابعاد الموجوده فى الكود <IMG SRC="رابط الصوره" HEIGHT="70" WIDTH="120"> ********************************************* كود رقم (6) تحويل الكلمه الى رابط <A HREF="http://www.facebook.com/FBML.caption"> الحائط </A> ***************************************** كود رقم (7) للضغط على الصوره تذهب بك الى رابط <A HREF="http://www.facebook.com/hyaty.w3yshha"><IMG SRC="http://img534.imageshack.us/img534/4073/91426473.png"></A> ***************************************** كود رقم (8) لتوسيط الكلام او الصور او اى شئ <center> كود التوسيط </center> ***************************************** كود رقم (9) تغيير حجم الخط Text ***************************************** كود رقم (10) لتغيير لون الخط Text ***************************************** كود رقم (11) لتغيير حجم ولون الخط معاً Text ***************************************** كود رقم (12) لكتابة كلمه باكثر من لون وجحم (او حتى جمله) C O L O R COLOR="#FF00FF">S</A> ***************************************** كود رقم (13) لكتابة رابط بلون وخط كبير <A HREF="http://www.facebook.com/Michael.DE.Ford"> COLOR="#FF00FF"> Michael Ford </A> ***************************************** كود رقم (14) لكتابة رابط بأكثر من لون وحجم <A HREF="http://www.facebook.com/Michael.DE.Ford"> FACE="courier" SIZE="5" COLOR="#800000"> M I C H A E COLOR="#d9bb15">L</A>

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

‎Ahmed Al Ezzi‎

<CENTER> <IMG SRC="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs617.snc3/32461_391299864674_128355057212158_3770788_6698475_n.jpg" ALIGN="MIDDLE"> color="#F6358A"><fb:userlink uid="loggedinuser" /> <IMG SRC="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs617.snc3/32461_391299864674_128355057212158_3770788_6698475_n.jpg" ALIGN="MIDDLE"> </CENTER>

بروفايل الادمن

<CENTER> <fb:wallpost uid="100002556028127" t="00000000"> </fb:wallpost> </CENTER> 

هذا كود لأظهار صورة الادمن

وتحتاج الى تغيير رقم الاى دى الموجود بالكود

حتى يتوافق مع بروفايلك

رقم الاى دى الموجود بالكود المراد استبداله هو

100002556028127

اضغط هنا لمعرفة الاى دى

كود فيديو يوتيوب

شرح التعديل عليه

شرح تعديل الكود هـــنـــا

موقع الابلود هــنـــا

<fb:mp3 src="http://host.com/file.mp3" title="Song Name" artist="Song Artist" album="Album Name"/> 

<http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=23744633048&v=1&size=o&cksum=f6b60df39de22f70b33445fa2672ddc0&src=http%3A%2F%2Fwww.9o9i.com%2Fupfiles%2Fex961598.bmpCENTER> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="164748646926591" numposts="10" width="425" publish_feed="true"></fb:comments> </CENTER>

هذا كود لأضافة تعليق داخل التاب

وتحتاج الى تغيير رقم الاى دى الموجود بالكود

حتى يتوافق مع صفحتك

رقم الاى دى الموجود بالكود المراد استبداله هو

164748646926591

اضغط هنا لمعرفة الاى دى

كود الدعوة الاصدقاء عن طريق الشات

<CENTER> <fb:chat-invite msg="ماذا تريد ان تبعت بالشات اكتبه هنا" condensed="false" exclude_ids="1,2,3"/> </CENTER> 

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

<CENTER> <fb:live-stream event_app_id="رقم الأى دى الخاص بك" width="400" height="500"/> </CENTER> 

اختار مودك

<CENTER> <FONT FACE="Al-Mothnna" SIZE="6" COLOR="#810541"> اختار مودك <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=300px; height=23px;" swfsrc='http://www.youtube.com/v/-b9QTb5xdlU&autoplay=1' imgsrc='http://img827.imageshack.us/img827/1138/45668101.png' width='300' height='40'title="عمرو ذياب - يهمك في ايه"/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=300px; height=23px;" swfsrc='http://www.youtube.com/v/tv8_mfgm0Is&autoplay=1' imgsrc='http://img697.imageshack.us/img697/3450/71933562.png' width='300' height='40'title="تامر حسني - حاسس بخوف"/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=300px; height=23px;" swfsrc='http://www.youtube.com/v/8zF_42pmDxs&autoplay=1' imgsrc='http://img98.imageshack.us/img98/1184/84159141.png' width='300' height='40'title="محمد حماقي - لسه بتخاف"/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=300px; height=23px;" swfsrc='http://www.youtube.com/v/R0z48_4nQQs&autoplay=1' imgsrc='http://img683.imageshack.us/img683/1133/52527934.png' width='300' height='40'title="وائل جسار - غريبة الناس"/></fb:swf> </div> </CENTER>

♫▼اختار الفنان الى بتحبه♫▼

<CENTER> <IMG SRC="http://www2.0zz0.com/2011/05/23/14/760939842.gif " WIDTH="400"> </CENTER> <CENTER> ♫▼اختار الفنان الى بتحبه♫▼ </CENTER> <CENTER> <IMG SRC="http://www2.0zz0.com/2011/05/23/14/760939842.gif " WIDTH="400"> </CENTER> <CENTER> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=350px; height=27px;" swfsrc='http://www.youtube.com/v/-b9QTb5xdlU&autoplay=1' imgsrc='http://www7.0zz0.com/2011/05/24/13/584807816.png' width='300' height='40'/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=350px; height=27px;" swfsrc='http://www.youtube.com/v/tv8_mfgm0Is&autoplay=1' imgsrc='http://www7.0zz0.com/2011/05/24/13/681696897.png' width='300' height='40'/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=350px; height=27px;" swfsrc='http://www.youtube.com/v/nQq-xoXxcXM&autoplay=1' imgsrc='http://www7.0zz0.com/2011/05/24/12/802436058.png' width='300' height='40'/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=350px; height=27px;" swfsrc='http://www.youtube.com/v/VzHwvn8FDMM&autoplay=1' imgsrc='http://www7.0zz0.com/2011/05/24/13/286755746.png' width='300' height='40'/></fb:swf> </div> <div style="margin:0 auto;"> <fb:swf swfbgcolor="000000 imgstyle="border-width:3px; border-color:white; width=350px; height=27px;" swfsrc='http://www.youtube.com/v/bftNwqG_j24&autoplay=1' imgsrc='http://www7.0zz0.com/2011/05/24/13/327421561.png' width='300' height='40'/></fb:swf> </div> </CENTER>

qwetq

مدونة تجيك تكنولوجي : مدونة تقنية متواضعه بها عدد كبير من المواضيع الحصرية والمثيرة فى كثير من المجالات مديرها حمزة محمد عمري 17 سنة وطنى الاردن ولكن مقيم فى مصر بلدي الثانيه اعشق التدوين والتقنية .

Pages

mawke3ea