أكواد خاصة بصفحة الترحيب على الفيسبوك

Static FBML

بعد اضافة التطبيق السابق ذكره على صفحتك بالفايس بوك يمكنك استعمال هاته الأكواد التالية:

رسالة ثابتة على الشات:

<CENTER>

<fb:chat-invite msg="اكتب هنا الرسالة التي ستظهر للمدعوين من الاعضاء"

condensed="false"

exclude_ids="1,2,3"/>

</CENTER>

الازرار الثابتة:

<CENTER>

<A HREF="رابط الحائط"><IMG SRC="http://img684.imageshack.us/img684/6310/28040029.png"></A>

<A HREF="رابط الصور"><IMG SRC="http://img9.imageshack.us/img9/3672/48515912.png"></A>

<A HREF="رابط المعلومات"><IMG SRC="http://img547.imageshack.us/img547/161/55676629.png"></A><BR/>

<A HREF="رابط مرحبا"><IMG SRC="http://img715.imageshack.us/img715/1405/81494385.png"></A>

<A HREF="رابط الادمن"><IMG SRC="http://img130.imageshack.us/img130/7627/65871007.png"></A>

<A HREF="رابط دعوة الاصدقاء"><IMG SRC="http://img121.imageshack.us/img121/462/84958018.png"></A><BR/>

<A HREF="رابط للمراسله"><IMG SRC="http://img146.imageshack.us/img146/8541/43550407.png"></A>

<A HREF="رابط الالعاب"><IMG SRC="http://img17.imageshack.us/img17/5986/25296461.png"></A>

<A HREF="رابط الادمن"><IMG SRC="http://img217.imageshack.us/img217/274/63828396.png"></A><BR/>

</CENTER>

كود الزر:

<CENTER>

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

</CENTER>

كود التعليقات:

<fb:comments xid="welcojmssd_commelolnts" canpost="true" candelete="false" returnurl="رابط الصفحة">

<fb:title>علق هنا و اعطنا رايك بالصفحة...</fb:title>

</fb:comments>

الصورة تحتوي على رابط:

<a href="الرابط المراد الذهاب اليه عند النقر على الصورة" target="_blank"> <img src="رابط الصورة"/></a>

كود زر الاعجاب:

<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>

كود لوضع الصور:

<img src="رابط الصورة">

خلفية صفحة الترحيب:

<div style="border-style: Lined; border-width: 5px : font-size: x-large; background-image: url("رابط الصور");">

كود من أجل الكتابة على الصفحة:

<p style="FONT: BOLD 19pt Tahoma, Arial, Helvetica, sans-serif; text-align:center">

<font color="#7DFFD4">اكتب هنا

</font>

كود لوضع الفيديو:

<fb:swf swfbgcolor="000000" imgstyle="border-width:3px;

border-color:white;"

swfsrc='http://www.youtube.com/v/xxxxxx'

imgsrc='http://www.oztralia.tv/images/static_video_player.gif'

width='520' height='270' />

كود لوضع الموسيقى:

<fb:mp3 src="رابط mp3" title="اسم المقطع"

artist="الفنان" album="الالبوم"/>

Share - المشاركة:

<CENTER>

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

</CENTER>

كود الصور الصغيرة و حين الضغط عليها تظهر بشكل أكبر:

<CENTER>

<style>

.mainContainer { width:520px; height:700px; background:url() repeat left top;}

.logo {text-align:center; padding:40px 85px 0 0;}

.imagePreview {padding:25px 0 0 86px;}

.imageThumbs { text-align:center; padding:20px 0 30px 20px;}

.imageThumbs li { list-style:none; display:inline;}

.imageThumbs img { border:0;}

.pageTitle { color:#FFFCFC; font-size:36px; margin:0 10px;}

.pageContent { margin:20px 80px;color:#ffffff; font-size:16px; height:90px; overflow:auto;}

.icons { text-align:center;}

.icons li { list-style:none; display:inline;}

.icons img { border:0;}

.footer { text-align:center; color:#aa8b40; font-size:10px;}

.footer a { color:#b68e21; font-size:10px;}

<center>

</style>

<div class="mainContainer">

<div class="imagePreview">

<div id="photo00"><img id="currentImg" src="http://img104.herosh.com/2010/10/18/165719691.jpg" /></div>

<div id="photo01" style="display:none;"><img id="currentImg" src="http://img105.herosh.com/2010/10/18/976667131.jpg" /></div>

<div id="photo02" style="display:none;"><img id="currentImg" src="http://img105.herosh.com/2010/10/18/247688452.jpg" /></div>

<div id="photo03" style="display:none;"><img id="currentImg" src="http://img105.herosh.com/2010/10/18/760760858.jpg" /></div>

<div id="photo04" style="display:none;"><img id="currentImg" src="http://img104.herosh.com/2010/10/18/438348781.jpg" /></div>

<div id="photo05" style="display:none;"><img id="currentImg" src="http://img104.herosh.com/2010/10/18/842212087.jpg" /></div>

</div>

<div class="imageThumbs">

<ul>

<li><a href="#" clicktoshow="photo00" clicktohide="photo00,photo02,photo03,photo04,photo05"><img src="http://img104.herosh.com/2010/10/18/319415910.jpg" /></a></li>

<li><a href="#" clicktoshow="photo01" clicktohide="photo00,photo02,photo03,photo04,photo05"><img src="http://img105.herosh.com/2010/10/18/915467770.jpg" /></a></li>

<li><a href="#" clicktoshow="photo02" clicktohide="photo01,photo00,photo03,photo04,photo05"><img src="http://img104.herosh.com/2010/10/18/638362934.jpg" /></a></li>

<li><a href="#" clicktoshow="photo03" clicktohide="photo01,photo02,photo00,photo04,photo05"><img src="http://img104.herosh.com/2010/10/18/978170161.jpg" /></a></li>

<li><a href="#" clicktoshow="photo04" clicktohide="photo01,photo02,photo03,photo00,photo05"><img src="http://img104.herosh.com/2010/10/18/64456238.jpg" /></a></li>

<li><a href="#" clicktoshow="photo05" clicktohide="photo01,photo02,photo03,photo04,photo00"><img src="http://img104.herosh.com/2010/10/18/139899138.jpg" /></a></li>

</ul>