مكتبة الاكواد الخاصة بتصميم الصفحات على facebook




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


1.

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

3.

لادراج صوره واسفل منها رسالة تكتبها للزائر
كود بلغة HTML:
<IMG SRC="ضع رابط الصوره هنا">
<center>اكتب رسالتك للزائر هنا</center>

4.

لكتابة رسالة للزائر .. ويمكنك التحكم بحجم الخط من خلال تغيير الرقم 5
كود بلغة HTML:
<center><font size="5">اكتب رسالتك الترحيبية هنا</font></center>

5.

كتابة رسالة للزائر ... ويمكنك التحكم باللون من خلال تغيير القيمة 151B8D والتحكم بحجم الخط 
من خلال تغيير الرقم 5
كود بلغة HTML:
<center><font size="5"><font face="Times New Roman"> <b><font color="#151B8D">اكتب رسالتك الترحيبية هنا</A></font></fontsize></b></center>

6.

زر اعجبني like
كود بلغة HTML:
<center><A HREF="اكتب رابط صفحتك هنا"><IMG SRC="http://img143.imageshack.us/img143/5006/49937991.png"><‎/A></center>
7.
كود اخر لزر اعجبني like
كود بلغة HTML:
<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.
الترحيب بأسم الزائر
كود بلغة HTML:
<center>
<font face="monotype corsiva"><font size="6"><font color="#FF0080">
<br><B> welcome&nbsp;</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.
مستطيل للكتابة 
كود بلغة HTML:
<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.
رسالة تنبية للزائر
كود بلغة HTML:
<fb:success>
<fb:message>Success message</fb:message>
اكتب رسالتك للزائر هنا
</fb:success>
12. 
رسالة تنبيه بشكل آخر
كود بلغة HTML:
<fb:error>
<fb:message>Error message</fb:message>
اكتب رسالتك هنا
</fb:error>
13.
مربع حوار مع امكانية التحكم بحجمة من خلال تغيير الارقام 400 و 500
كود بلغة HTML:
<fb:live-stream event_app_id="126815494042601" width="400" height="500"/>
الآدمن admin وصفحته الشخصية
كود بلغة HTML:
<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.
رسالة ترحيبية للزائر مع العنوان وتكون داخل ايطار
كود بلغة HTML:
<fb:explanation>
<fb:message>عنوان للرسله</fb:message>
اكتب رسالتك للزائر
</fb:explanation>
16.
صندوق دعوة الاصدقاء invite friends
كود بلغة HTML:
<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 في الصفحة
كود بلغة HTML:
<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. 
اضافة تعليق في الصفحة 
كود بلغة HTML:
<fb:comments xid="222_comments" canpost="true" candelete="true" returnurl="11111111111/">
<fb:title> 222222 عنوان للتبويب</fb:title>
</fb:comments>
19.
كود الدردشة
كود بلغة HTML:
<fb:chat-invite  msg="مرحبا , عرب تريك:D"  condensed="false"  exclude_ids="1,2,3"/>
.20
معلومات لا يراها الا المعجبون فقط 
كود بلغة HTML:
لو كنت معحبا فسوف ترى الصورة اسفله
<br />
<fb:visible-to-connection>
عرب تريك
<img src="http://i52.tinypic.com/2j4r52s.jpg" />
</fb:visible-to-connection>
21.
كود لاضآفة lecteur mp3 لصفحتك
كود بلغة HTML:
<!---www.birol-ispiroglu.tr.gg--->
<center>
<fb:swf swfsrc="http://player.myspace-player.com/swf/0aee5e4fbj9le9pf9e4cdfbem8a7fe5c/grayish.swf" imgsrc='http://i44.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" rel="nofollow" target="_blank" href="http://www.birol-ispiroglu.tr.gg"><font size="2">Fbml dahmano</font></a></center><!---www.birol-ispiroglu.tr.gg--->
22.
كود جديدلـ invite friends دعوة الاصدقاء بطريقة الشرح لزوار صفحتك 
كود بلغة HTML:
<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" rel="nofollow" target="_blank">

</a>

<A HREF=http://www.facebook-learn.com/vb><center>عرب تريك</center>

<A HREF="http://www.arabtrick.com/vb/"><IMG SRC="http://www.facebook-learn.com/up/uploads/images/domain-b98692f47e.jpg"></A>
23.
خلفية لصفحتك background واضف عليها ما تشاء من اكواد وكتابة
كود بلغة HTML:
<!-- Codes by Quackit.com -->
<div style="background-color:#00FFFF;width:520px;">
<p>
<BR/>

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

<BR/>
</p>
</div>
<A HREF=http://www.facebook-learn.com/vb><center> عرب تريك</center>
24.
اضافة لمسة جمالية لصفحتك ,فواصل جميلة لكل مقطع
كود بلغة HTML:
<!---www.facebook-learn.com ---><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 - كود البحث فى الفيس بوك
كود بلغة HTML:
<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>
------------------------------------------------------