بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين
1- خلفية صفحة الترحيب
وأول كود يجب وضعه هو كود لخلفية صفحة الترحيب وهذه أكواد لصفحات ترحيب جديدة من تصميمى تجدها
خلفيات جاهزة Fbml
2-كود تغيير لون خلفية الصفحة
<div style="background-color:#000000;width:810px;">
<p>
<BR/>
ضع الأكواد هنا
<BR/>
</p>
</div>
ويمكن التحكم باللون وذلك بتغيير كود اللون 000000# ويمكنك نسخ أكواد الألوان بمولد الأكواد الفلاشى الموجود هنا
<CENTER>
<fb:wallpost uid="معرف حسابك على فيسبوك ID " t="00000000">
<br />
</fb:wallpost>
</CENTER>
4-الترحيب بإسم الزائر:
<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>
<div style="background-color:#000000;width:810px;">
<p>
<BR/>
ضع الأكواد هنا
<BR/>
</p>
</div>
ويمكن التحكم باللون وذلك بتغيير كود اللون 000000# ويمكنك نسخ أكواد الألوان بمولد الأكواد الفلاشى الموجود هنا
<CENTER>
<fb:wallpost uid="معرف حسابك على فيسبوك ID " t="00000000">
<br />
</fb:wallpost>
</CENTER>
4-الترحيب بإسم الزائر:
<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>
ويمكنك تغيير اللون عن طريق مولد أكواد الألوان الفلاشى وإستبدال كود اللون المطلوب بالقيمة 810541
يمكن تغيير نوع الخط بتغيير monotype corsiva بإسم الخط المطلوب
يمكن تغيير حجم الخط بتغيير القيمة size="6
يمكن تغيير نوع الخط بتغيير monotype corsiva بإسم الخط المطلوب
يمكن تغيير حجم الخط بتغيير القيمة size="6
<fb:visible-to-connection>
كل شئ تريد اخفائه ضعه هنا بين الكودين
</fb:visible-to-connection>
9-كود وضع ملف صوتى mp3
<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="رابط الصورة" alt="موضوع الصورة"><br/> محتوى الرسالة
<fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content>
</fb:dialog>
<!-- END FBML DIALOG --></CENTER>
</CENTER>
<center>كل شئ تريد اخفائه ضعه هنا بين الكودين
</fb:visible-to-connection>
9-كود وضع ملف صوتى mp3
أولا يجب رفع الملف الصوتى mp3 من أى موقع لرفع ال mp3
مثل هذا الموقع
ثم نسخ الرابط المباشرDirect Links
<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="رابط الصورة" alt="موضوع الصورة"><br/> محتوى الرسالة
<fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content>
</fb:dialog>
<!-- END FBML DIALOG --></CENTER>
</CENTER>
13-أضف تعليق Add comment
<CENTER>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="معرف حسابك على فيسبوك ID" numposts="10" width="425" publish_feed="true"></fb:comments>
</CENTER>
يفضل أن يكون ذو حجم صغير لسرعة تحميل الصفحات
لابد أن توجد صورة فى مقدمة الفلاش بالضغط عليها يتم تشغيل الفلاش
ونسخ الربط المباشر
ثم وضعه بالكود
<CENTER>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="معرف حسابك على فيسبوك ID" numposts="10" width="425" publish_feed="true"></fb:comments>
</CENTER>
معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته إضغط على صورة بروفايلك ثم إنسخ الرقم الموجود بالعنوان أعلى المتصفح
14-وضع فلاش فى التاب
يفضل أن يكون ذو حجم صغير لسرعة تحميل الصفحات
لابد أن توجد صورة فى مقدمة الفلاش بالضغط عليها يتم تشغيل الفلاش
ونسخ الربط المباشر
ثم وضعه بالكود
<fb:swf
...swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='رابط الفلاش'
imgsrc='رابط الصورة'
width='250' height='250' />
</center
تغيير طول وعرض الفلاش يتم يدويا بتغيير قيمwidth & height
ويفضل وضع الفلاش فى تطبيق iframe يمكن متابعة الدرس
ووضع كود الفلاش الموجود وكثيرا ما تحدث مشكلة بهذا الكود لذلك أفضل استخدام تطبيق دعوة الأصدقاء
17-صندوق سكرول بار<CENTER>
<style type="text/css">
div.scroll
{
background-color:#6DBBE0;
width:400px;
height:200px;
overflow:scroll;
}
</style>
<div class="scroll">
اكتب ما تريد
</div>
</CENTER>
<CENTER>
<!-- Search FB -->
<FORM method=GET action="http://www.facebook.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.facebook.com/">
<IMG SRC="http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs624.snc3/27535_20531316728_5553_q.jpg" border="0"
ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=it>
<INPUT type=submit name=btnG VALUE="Search In FaceBook">
</td></tr></TABLE>
</FORM>
<!-- Search FB -->
</CENTER>
19- كود البحث فى جوجل
<CENTER>
<form action="http://www.google.com/search" method="get" target="_blank">
<table height="28" cellSpacing="0" cellPadding="0">
<tbody>
<tr>
<td height="24"><a style="COLOR: #2e5295; TEXT-DECORATION: none" href="http://www.google.com/"><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="absMiddle" border="0" width="128" height="53"></a>
<input maxLength="255" size="25" name="q" style="color: #800000; border: 1 solid #000000">
<input type="submit" value="ابحث" name="btnG" style="color: #FFFFFF; font-family: Tahoma; background-color: #333300; border: 1 solid #000000"></td>
</tr>
</tbody>
</table>
20- كود لعمل مسافات بين عناصر الصفحة
<BR/>
21-كود جعل الكتابة عريضة Bold
<B> النص </B>
22- التحكم فى أبعاد الصورة بتبديل الابعاد الموجوده فى الكود
تعليقات
إرسال تعليق