[b][size=12][b][size=12][/size][/b][/size][/b]
اسعد الله اوقاتكم بكل خير
بدون مقدمات
الدرس كله عن تطبيق d]FBML ]
وهو تطبيق يسمح لك بوضع واجهة مثل ] HTML ] + d]بتصميمك ]
سنتعرف عن اكوادها ومحتوياتها وخفاياها
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b][size=12]
"[size=29]1"
[/size][/size][/b][/b]
] طريقة اضافة التطبيق لصفحتك ]
للمبتدئين طريقة عمل صفحة ترحيب من البدايه الى النهايه
اولا تحتاج الى اضافة تطبيق FBML الذى من خلاله
يتم اضافة الاكواد التى فى النهايه تترجم الى صور ولينكات...
ويمكنك اضافة[ 10 ] تاب فارغ الى صفحتك تستغلهم فيما بعد .
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
عند الدخول لأي تاب
اختر الصفحة المُراد اضافة التطبيق لها
| انقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 760x161 13kb |
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
ثم اضافة
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
سيتم تحويلك للصفحة المُراد اضافة التطبيق لها
ومن بعدها اضغط على d]ادارة , تعديل الصفحة ]
[b][size=12][b][size=12][/size][/b][/size][/b]
ثم d]التطبيقات ]
[b][size=12][b][size=12][/size][/b][/size][/b]
ستجد التطبيق مُضاف للصفحة
اضغط على d]انتقال للتطبيق ]
| انقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 782x508 25kb |
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
مرحلة ادخال الأكواد وهي اهم مرحلة
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
[color=navy]غير كلمة
d]FBML ]
الى عنوان الصفحة الي تريده
: Welcome ]
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
الان ناتي للأكواد
هذا كود فارغ d]لوضع صوره فى التاب ]
كود:<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 الموجود بالكود
كود:<FONT SIZE="4"> الكلمـه </FONT>وهذا ايضا وهذا كود لتلوين الكلام فى التاب ويمكنك التحكم فى لون الخط من
كود اللون الموجود فى الكود وكود اللون هو #FF0000
وهذا موقع لمعرفة اكواد الالوان أكواد الألوان
كود: <FONT COLOR="#FF0000"> الكلمـــــه </FONT>وهذا كود لتكبير وتلوين الكلمه معاً
كود:<FONT COLOR="#FF0000"><FONT SIZE="4"> الكلمـــه </FONT>وهذا كود لتحويل الكلمه الى رابط مثال Dev-PoinT
كود:<A HREF="http://www.dev-point.com/vb"> Dev-PoinT</A>وهذا كود لصوره عند الضغط عليها تذهب بك الى رابط
كود:<A
HREF="https://www.facebook.com/profile.php?id=100002556028127"><IMG
SRC="http://uaemusics.com/uploood/images/k2i92j8o5f6sj6zu7noy.png"></A>وهذا الكود الصغير للفصل رئسياً بين الصور او الكلام او اى شئ
<BR/> او <br>
[size=12]وهذا الكود لابعاد الصور او الكلام افقياً كفاصلة الكيبورد
[/size]
كود: [b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
"2"
مزيد من الأكواد للصفحات
كود اسم الزائر
welcome to the page Dev-PoinT
كود:<center>
<font color="#810541"><font size="3">
<CENTER>
<font face="monotype corsiva"><font size="6"><font color="#810541">
<br><B> welcome </B><fb:userlink uid="loggedinuser" />
<br>
<font face="arial"><font size="4"><font color="#000000">
</CENTER>
[b][size=12][b][size=12][/size][/b][/size][/b]
كود زر مشاركة الصفحة
كود:
<CENTER>
<fb:share-button class="url" href="رابط صفحتك" /> <br /><br />
</CENTER>
كود
كود:
<CENTER>
<A
HREF="https://www.facebook.com/sharer.php?u=رابط صفحتك"><IMG
SRC="http://uaemusics.com/uploood/images/scge2k3wp2733cdybaf.gif"title="Click
Here"></A>
</CENTER>[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
[size=16][size=12][size=12]كود صغير جدا
ولكن له تائير كبير فى التاب
وهو كود لاضافة ظل الى الكلام
مثال
[/size][/size][/size]كود:<p style="text-shadow: 2px 2px 6px #cd0756;
font-size:20px;text-align:center;color:#000000;font-size:25px">
النص المراد تظليله
</p>
[size=16][size=12][size=12]
نافذة منبثقة
[/size][/size][/size]كود:<CENTER>
<CENTER><!-- FBML LINK -->
<a href="#" clicktoshowdialog="dialog">نافذه منبثقه</a>
<!-- END FBML DIALOG LINK -->
<!-- FBML DIALO -->
<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="موضوع الصورة"><br/> محتوى الرسالة
<fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content>
</fb:dialog>
<!-- END FBML DIALOG --></CENTER>
</CENTER>
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
[size=16][size=12][size=12]
كود مربعات للصفحة
غَير كلمة Data الى اي شيء
[/size][/size][/size]كود:<CENTER>
<TABLE BORDER="3">
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
</CENTER>
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
كود:<CENTER>
<br><br>
</td>
</tr>
</tbody>
</table>
<br>
<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);"><strong>الأسم</strong></td>
</tr>
<tr>
<td>
<BR/>
<BR/>
<CENTER>
كل ما تريد وضعه داخل الاطار هنا
ويتمدد مع زيادة المحتوى
</CENTER>
<BR/>
<BR/>
<br>
</td>
</tr>
</tbody>
</table>
</CENTER>
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
d]زر يحولك لصورة ]
[size=16][size=12][size=12][size=12]
[/size][/size][/size][/size]كود:<CENTER>
<a id="show_text" href="#" clicktohide="show_text" clicktoshow="History,hide_text">
<IMG SRC="http://im3.gulfup.com/2011-05-08/1304872609843.png"></a>
<a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text"
style="display:none"><IMG SRC="http://im3.gulfup.com/2011-05-08/1304872609592.png"></a>
<div id="History" style="display:none">
<CENTER>
<BR/>
<BR/>
<IMG SRC="رابط الصورة">
<BR/>
<BR/>
<h2> ممكن تحط اى شئ هنا </h2>
<BR/>
<BR/>
</CENTER>
</div>
</CENTER>
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
[size=16][size=12][size=12][size=12]لوضع عنوان ورسالة
[/size][/size][/size][/size]
كود:<fb:explanation>
<fb:message>العنوان</fb:message>
الرساله
</fb:explanation>
[size=16][size=12][size=12][size=12]
تحذير ورسالة
[/size][/size][/size][/size]كود:<fb:error>
<fb:message>تحذير</fb:message>
الرساله
</fb:error>
[size=25][size=16][size=12][size=12][size=12][size=12]] كود للأخفاء محتوى التاب عن غير المعجبين ][/size][/size][/size][/size][/size][/size]
كود:<fb:visible-to-connection>
كود:
كل شئ تريد اخفائه ضعه هنا بين الكودين
</fb:visible-to-connection>
[size=16][size=12][size=12][size=12][size=12][size=12]d]مجموعه من الاكواد العامه والضروريه لكل تاب ]
انسخ كل الاكواد واحفظها على جهازك فى ملف تكست[/size][/size][/size][/size][/size][/size] ~
Text ~
كود:كود
رقم (1) يستخدم فى الفصل بين ارتفاع الجمل والصور
<BR/>
*****************************************
كود رقم (2) يستخدم فى الفاصله افقياً بين الصور والكلمات
*****************************************
كود رقم (3) تعريض خط الكتابه
<B> خط عريض </B>
*****************************************
كود رقم (4) لوضع صوره فقط فى التاب
<IMG SRC="رابط الصوره">
*****************************************
كود رقم (5)
التحكم فى ابعاد الصوره
تحكم فى ابعاد الصوره بتبديل الابعاد الموجوده فى الكود
<IMG SRC="رابط الصوره" HEIGHT="70" WIDTH="120">
*********************************************
كود رقم (6) تحويل الكلمه الى رابط
<A HREF="https://www.facebook.com/FBML.caption"> الحائط </A>
*****************************************
كود رقم (7) للضغط على الصوره تذهب بك الى رابط
<A HREF="https://www.facebook.com/hyaty.w3yshha"><IMG
SRC="https://2img.net/r/ihimizer/img534/4073/91426473.png"></A>
*****************************************
كود رقم (
لتوسيط الكلام او الصور او اى شئ
<center> كود التوسيط </center>
*****************************************
كود رقم (9) تغيير حجم الخط
<FONT SIZE="5"> Text </FONT>
*****************************************
كود رقم (10) لتغيير لون الخط
<FONT COLOR="#3388a0"> Text </FONT>
*****************************************
كود رقم (11) لتغيير حجم ولون الخط معاً
<FONT COLOR="#3388a0"><FONT SIZE="5"> Text
</FONT></FONT>
*****************************************
كود رقم (12) لكتابة كلمه باكثر من لون وجحم (او حتى جمله)
<FONT FACE="courier" SIZE="5" COLOR="#800000"></FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#000000">C</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">O</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">R</FONT>
<FONT FACE="Impact" SIZE="6"
COLOR="#FF00FF">S</FONT></A>
*****************************************
كود رقم (13) لكتابة رابط بلون وخط كبير
<A HREF="https://www.facebook.com/Michael.DE.Ford"><FONT
COLOR="#FF00FF"><FONT SIZE="5"> Michael Ford
</FONT></FONT></A>
*****************************************
كود رقم (14) لكتابة رابط بأكثر من لون وحجم
<A HREF="https://www.facebook.com/Michael.DE.Ford"><FONT
FACE="courier" SIZE="5" COLOR="#800000"></FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#000000">M</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">I</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">C</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">H</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">A</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">E</FONT>
<FONT FACE="Impact" SIZE="6"
COLOR="#d9bb15">L</FONT></A>
[b][b][size=12][/size][/b][/b]
] لنا عودة في المزيد من الأكواد ]
BRB
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
**
بأك d]لعبة الغاز ]
الكود:
كود:
<center>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://dc09.arabsh.com/i/02375/ajorfgi7mc1k.swf'
imgsrc='https://2img.net/r/ihimizer/img21/1305/50414776.png'
width='500' height='380' />
[b][size=12][b][size=12][/size][/b][/size][/b]
[b]
[/b]d]لعبة بنات ]
الكود
كود:
<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://dc17.arabsh.com/i/02375/cyq9fq5kfcsf.swf'
imgsrc='https://2img.net/r/ihimizer/img139/7959/33894450.png'
width='500' height='380' />
[b][size=12][b][size=12][/size][/b][/size][/b]
d]لعبة تيتركس ]
ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــ
الكود:
كود:
<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://dc15.arabsh.com/i/02375/n84du75njow6.swf'
imgsrc='https://2img.net/r/ihimizer/img27/4781/91556277.png'
width='500' height='380' />
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
الكود
كود:<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://dc16.arabsh.com/i/02375/454qo64aboj9.swf'
imgsrc='https://2img.net/r/ihimizer/img526/1918/99787831.png'
width='500' height='380' />
[b][size=12][b][size=12][/size][/b][/size][/b]
[b]
[/b]] لعبة جميلة جداً ]
الكود:
[CODE]<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.purple-twinkie.com/games/swf/boss.swf'
imgsrc='http://data.imagup.com/6/1110352892.PNG'
width='500' height='360' />[/CODE[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
الكود
كود:<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://shootingsnipergames.com/content/games/desert-fire.swf'
imgsrc='http://data.imagup.com/5/1110353782.PNG'
width='500' height='360' />
[b][size=12][b][size=12][/size][/b][/size][/b]
d]لعبة اخرى ]
الكود
كود:
<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://shootingsnipergames.com/content/games/tactical-assassin-substratum.swf'
imgsrc='http://data.imagup.com/6/1110353647.PNG'
width='500' height='360' />
[b][size=12][b][size=12][/size][/b][/size][/b]
[b][b]
[/b][/b]
d]لعبة اخرى ]
الكود:
كود:
<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.hawanaajd.com/gm/data/media/8/Archive_Room.swf'
imgsrc='http://data.imagup.com/4/1110353909.PNG'
width='500' height='360' />
[b][size=12][b][size=12][/size][/b][/size][/b]
d]لعبة قناص ]
الكود
كود:<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://shootingsnipergames.com/content/games/sniper-year-one.swf'
imgsrc='http://data.imagup.com/6/1110354371.PNG'
width='500' height='360' />
[b][size=12][b][size=12][/size][/b][/size][/b]
d]ايظاً ]
الكود:
كود:
<center>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.uaemusics.com/uploood/images/kb0h0aq82dlsx8qimiva.swf'
imgsrc='http://www.egkoora.com/upload//uploads/images/egkoora.com-6516531eb3.jpg'
width='500' height='380' />
[b][size=12][b][size=12][/size][/b][/size][/b]
الكود
كود:
<CENTER>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.uaemusics.com/uploood/images/rnu9oz01qxcjljx2orfs.swf'
imgsrc='http://www.egkoora.com/upload//uploads/images/egkoora.com-1fcfc46d46.jpg'
width='500' height='380' />
[b][b][size=12][/size][/b][/b]
تذكير : الأكواد توضع في هذا المربع الموضح في الشرح اعلاه .