اكواد fbml

موضوع: اكواد fbml الأربعاء سبتمبر 12, 2012 4:15 pm

السلام عليكم ورحمة الله وبركاته

بعد ان اطلعنا على طريقة عمل تبويب في الدرس السابق (اضغط هنا)

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

1.
لادراج صورة في الصفحة
كود:
<IMG SRC="ضع رابط الصورة هنا">
2.
لادراج صورة وبالنقر عليها تحيل المتصفح الى صفحتك او موقعك
كود:
<A HREF="ضع رابط صفحتك او موقعك هنا"><IMG SRC="ضع رابط الصورة هنا">‎<‎/A>
3.
لادراج صوره واسفل منها رسالة تكتبها للزائر
كود:
<IMG SRC="ضع رابط الصوره هنا">
<center>اكتب رسالتك للزائر هنا</center>

4.
لكتابة رسالة للزائر .. ويمكنك التحكم بحجم الخط من خلال تغيير الرقم 5 (الشرح +مثال)
كود:
<center><font size="5">اكتب رسالتك الترحيبية هنا</font>‎</center>
5.
كتابة رسالة للزائر ... ويمكنك التحكم باللون من خلال تغيير القيمة 151B8D (الشرح +مثال)
والتحكم بحجم الخط من خلال تغيير الرقم 5
كود:
<center><font size="5"><font face="Times New Roman"> <b><font color="#151B8D">اكتب رسالتك الترحيبية هنا</A></font></fontsize></b></center>
6.
زر اعجبني like
كود:
<center><A HREF="اكتب رابط صفحتك هنا"><IMG SRC="https://2img.net/r/ihimizer/img143/5006/49937991.png"><‎/A></center>
7.
كود اخر لزر اعجبني like
كود:
<style type="text/css">
#wrapper {background-image: url('');
background-repeat: none; width:520px; 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>
8.
الترحيب بأسم الزائر
كود:
<center>
<font face="monotype corsiva"><font size="6"><font color="#FF0080">
<br><B> welcome </B><fb:userlink uid="loggedinuser" />
<br>
</center>
<font face="arial"><font size="2"><font color="#000000">
9.
زر مشاركة sher
كود:
<center>
<fb:share-button class="url" href="رابط صفحتك" /> <br /><br />
</center>
10.

مستطيل للكتابة
كود:
<div id="boxes_left_moveable"><div id="box_app_APP_NUMBER" class="box">
<h5 class="box_header UITitle UITitle_h5"> FBml + الشرح و الأكواد </h5><a href="#" class="box_editor hidden_elem"></a>
11.
رسالة تنبية للزائر
كود:
<fb:success>
<fb:message>Success message</fb:message>
اكتب رسالتك للزائر هنا
</fb:success>
12.
رسالة تنبيه بشكل آخر
كود:
<fb:error>
<fb:message>Error message</fb:message>
اكتب رسالتك هنا
</fb:error>
13.
مربع حوار مع امكانية التحكم بحجمة من خلال تغيير الارقام 400 و 500
كود:
<fb:live-stream event_app_id="126815494042601" width="400" height="500"/>
14.
الآدمن admin وصفحته الشخصية
كود:
<fb:message>[admin]</fb:message>
<fb:wall>
<fb:mediaheader uid="100001445781851">
<fb:header-title>اسم الادمن هنا</fb:header-title>
<fb:owner-action href="ضع رابط صفحتك هنا">الصفحه الشخصيه</fb:owner-action>
</fb:mediaheader>
</fb:success>
15.
رسالة ترحيبية للزائر مع العنوان وتكون داخل ايطار
كود:
<fb:explanation>
<fb:message>عنوان للرسله</fb:message>
اكتب رسالتك للزائر
</fb:explanation>

16.
صندوق دعوة الاصدقاء invite friends (مثال + شرح )
كود:
<fb:request-form method="post" action="www.facebook.com.facelearn" type="تعلم الفيسبوك" invite="true"content="invitation a rejoindre ma page
<fb:req-choice url='www.facebook.com.facelearn' label='GO' />
">
<fb:multi-friend-selector actiontext="ادعو اصدقائك لصفحة تعلم الفيسبوك" " rows="3" cols="3" showborder="true" condensed="false" style="width: 300px;" />
</fb:request-form>

17.
التعريف بالآدمن admin في الصفحة (مثال+شرح)
كود:
<fb:message>[admin]</fb:message>
<fb:wall>
<fb:mediaheader uid="11111111111">
<fb:header-title>اسم الادمن هنا</fb:header-title>
<fb:owner-action href="22222222222">الصفحه الشخصيه</fb:owner-action>
</fb:mediaheader>
</fb:success>
18.
اضافة تعليق في الصفحة (مثال +الشرح)
كود:
<fb:comments xid="222_comments" canpost="true" candelete="true" returnurl="11111111111/">
<fb:title> 222222 عنوان للتبويب</fb:title>
</fb:comments>
19.
كود الدردشة (شرح+مثال)
كود:
<fb:chat-invite msg="مرحبا , تعلم الفيسبوك معنا Very Happy

" condensed="false" exclude_ids="1,2,3"/>
.20
معلومات لا يراها الا المعجبون فقط (مثال+الشرح)
كود:
لو كنت معحبا فسوف ترى الصورة اسفله
<br />
<fb:visible-to-connection>
تعلم معنا الفيسبوك
<img src="https://2img.net/h/oi52.tinypic.com/2j4r52s.jpg" />
</fb:visible-to-connection>
21.
كود لاضآفة lecteur mp3 لصفحتك (مثال+الشرح)
كود:

<center>
<fb:swf swfsrc="http://player.myspace-player.com/swf/0aee5e4fbj9le9pf9e4cdfbem8a7fe5c/grayish.swf" imgsrc='https://2img.net/h/oi44.tinypic.com/a09jtf.png' menu="false" quality="high" width="180" height="280" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http%3A%2F%2Fplayer.myspace-player.com%2Fswf%2F0aee5e4fbj9le9pf9e4cdfbem8a7fe5 c%2Fmp3player.xml" wmode="transparent"></fb:swf>
<a rel="nofollow" rel="nofollow" target="_blank" href="http://www.birol-ispiroglu.tr.gg"><font size="2">Fbml dahmano</font></a></center>
22.
كود جديدلـ invite friends دعوة الاصدقاء بطريقة الشرح لزوار صفحتك (مثال + شرح)
كود:
<tbody><tr><td><table border="2" width="500" height="200" bordercolor="#6600FF" align="center">

<tbody><tr>
<td height="20" style="width: 190px;">
<b>
<font face="Verdana" size="2" color="#0000FF">
</font>

<font size="2" color="#0000FF">
<center>
ادعو اصدقائك لصفحتنا
</center>
</font>
</a>
<font size="2" color="#0000FF">
</font>
</b>
</td>
</tr>

<tr>
<td height="136" style="width: 190px;">
<b>
<font color="#00000" size="2">

<div align="center">
1
<br>
اضغط على
<br>
اقتراح اصدقاء Suggest to Friends
<br>
الموجود اسفل صورة شعار الصفحة
<br>
وستظهر لك قائمة بأصدقائك

<font color="#00000" size="2">
<br>
</font>
<font color="#00000" size="2">
<br>
</font>
<font color="#00000" size="2">

2
<br>
انسخ الكود الموجود في الاسفل

<font color="#00000" size="2">
<br>
</font>
<font color="#00000" size="2">
<br>
</font>
<font color="#00000" size="2">

3
<br>
ضع الكود في شريط العنوان الذي به رابط الصفحة

<font color="#00000" size="2">
<br>
</font>
<font color="#00000" size="2">
<br>
</font>
<font color="#00000" size="2">

4
<br>
اضغط على زر انتر Enter في الكيبورد
<br>
وسيتم تحديد جميع قائمة الاصدقاء ولن يقتصر على 8 او 16 صديق فقط

</font>
<font color="#00000" size="2">
<br>
<br>
</font>
<font color="#00000" size="2">

5
<br>
ارسل الدعوة
<br>

</font>

</div></font></b></td>
</tr>

<tr>
<td style="height: 15px; width: 190px;">
<font color="#000080" face="Verdana" style="font-size: 11pt;">
<b>

<center>
كود تحديد كل الاصدقاء
</center>
</a>
</b>
</font>
<br>
<center>
<textarea cols="19" name="" style="height: 14px;">javascript:fs.select_all();
</textarea>
<br>
<br>

<a rel="nofollow" target="_blank">

</a>

<A HREF=http://www.facebook-learn.com/vb><center> تعلم الفيسبوك</center>

<A HREF="http://www.facebook-learn.com/vb"><IMG SRC="http://www.facebook-learn.com/up/uploads/images/domain-b98692f47e.jpg"></A>
23.
خلفية لصفحتك background واضف عليها ما تشاء من اكواد وكتابة(الشرح)
كود:

<div style="background-color:#00FFFF;width:520px;">
<p>
<BR/>

هنا اكتب ما تشاء من اكواد

<BR/>
</p>
</div>
<A HREF=http://www.facebook-learn.com/vb><center> تعلم الفيسبوك</center>
24.
ساعات فلاشية بتوقيت الزائر

25.
اضافة لمسة جمالية لصفحتك ,فواصل جميلة لكل مقطع (مثال)
كود:
<a href="http://www.facebook-learn.com"><img src="http://www.facebook-learn.com/up/uploads/images/domain-a79a9f3882.gif" width=520 height=35 border=0>
26 - كود البحث فى الفيس بوك
كود:
<CENTER><FORM method=GET action="https://www.facebook.com/search"><TABLE bgcolor="#FFFFFF"><tr><td><A HREF="https://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></CENTER>

اقتباس :