كيفية انشاء تاب للترحيب فى صفحات الفيس بوك _ بالصور

[مع الله]

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


"لا أحلل استخدام هذه المعلومات فى وضع شئ يغضب الله عز وجل
كوضع روابط لأشياء مخالفة شرعاً أو صور مخالفة شرعاً أو كلام لا يرضى الله عز وجل
ومن يفعل فأنا خصيمته يوم القيامة"



صفحة الترحيب بتكون عبارة عن أكواد
fbml
توضع فى تاب مخصص للترحيب أو لعمل أقسام داخل الصفحة



أولا : نقوم بانشاء التاب وهذا شرح مصور لكيفية انشائه



نقوم بالذهاب الى هذا العنوان

http://tinyurl.com/3bj5k9v







http://www12.0zz0.com/2011/05/09/01/557011016.jpg
ستظهر هذه الصفحة


http://www12.0zz0.com/2011/05/09/01/387517004.jpg
وبهذا نكون قد أنشأنا التاب وباقى وضع الأكواد به




http://www14.0zz0.com/2011/05/09/01/830086376.jpg





http://www12.0zz0.com/2011/05/09/01/427096825.jpg



http://www12.0zz0.com/2011/05/09/01/133582050.jpg


http://www12.0zz0.com/2011/05/09/01/101216867.jpg


ثم نقوم بوضع الأكواد فى التاب
الأكواد يمكن التحكم بها فى الخط ولون الخط وحجم الخط ووضع الصور وهناك أكواد جاهزة للكثير من التطبيقات
مثل دعوة الاصدقاء (99% من الوقت لا تعمل) , وكود لزر أعجبنى ( أيضاً غالبا لا يعمل ) , وزر المشاركة , ومثل كتابة تعليق حول حدث معين فى تاب خاص به ,,
أو وضع تطبيقات مثل صفحة القرآن الكريم كاملا لجميع المشايخ كما هو الحال فى صفحة الحور






ثانياً : لاضافة أكثر من تاب

كل رابط من دول بيضف تااب

1- http://tinyurl.com/3bj5k9v
2- http://tinyurl.com/3zd6f65
3- http://tinyurl.com/454kfqo
4- http://tinyurl.com/3bmgy3a
5- http://tinyurl.com/3kf7boz
6- http://tinyurl.com/3lyewcf
7- http://tinyurl.com/3vo82cz
8- http://tinyurl.com/4ycb4yy
9- http://tinyurl.com/3fmgn2h
10 - http://tinyurl.com/3dxwywh


ثالثاُ : الأكواد

هذه أهم الأكواد التى قمت بجمعها

(خلقية صورة للتاب)

<div style="background-image:url(رابط الصوره);
background-repeat:repeat;
width:520px;
... height:999px;">
<p>
<BR/>
<BR/>

ضع هنا كل روابطك لكى تظهر فوق الخلفيه
ويمكنك التحكم فى الارتفاع من الرقم 999 الموجود فى الكود

<BR/>
<BR/>
</p>
</div>
هذا أول كود نقوم بوضعه فى التاب
ومثال عليه صفحة الترحيب بصفحة الحور على الفيس
www.facebook.com/hor3en.hor3en (http://www.facebook.com/hor3en.hor3en)

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



ضع هنا كل روابطك لكى تظهر فوق الخلفيه
ويمكنك التحكم فى الارتفاع من الرقم 999 الموجود فى الكودنقوم بحذف هذه الجملة من الكود ووضع كل الأكواد التى نريد وضعها فى الصفحة بدلا منها



(خلفية للتاب ملونة)

<!-- Codes by Quackit.com -->
<div style="background-color:#000000;width:520px;">
<p>
...<BR/>

ضع هنا كل روابطك لكى تظهر فوق الخلفيه

<BR/>
</p>
</div>يمكن التحكم فى لون خلفية التاب عن طريق تغيير هذا الكود
#000000

وفى هذا الرابط أكواد الكثير من الألوان
http://www.kettaneh.net/java/11-1.htm

إذن إما ان نبدأ بوضع (كود صورة كخلفية) أو بوضع ( كود خلفية ملونة)
وبداخلهم نضع ما نشاء من أكواد

(الآراء)

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="رقم الآي دى الخاص بك" numposts="10" width="425" publish_feed="true"></fb:comment...s>وهذا الكود يوضع فى التاب اذا أردنا معرفة آراء الأعضاء حول أمر ما
ومثال عليه تاب استقبال الآراء والمقترحات فى صفحة الحور
ورقم الآى دى نأتى به عن طريق :
الدخول الى الصفحة ثم ضغط كليك شمال على صورة الصفحة
سيظهر فى العنوان = وبجوارها رقم نقوم بنسخ الرقم ووضعه بدلا من جملة :
رقم الآي دى الخاص بكمع المحافظة على ترك علامات التنصيص فى اكود كما هى


(كلمة بالضغط عليها تتحول الى رابط )

<A HREF="www.hor3en.com"> النقاشات </A>...

(ساعة رقمية)

<CENTER>
<fb:swf swfsrc='http://poq-space.com/Files/clocks/clock1.swf' imgsrc='http://img403.imageshack.us/img403/9357/michaele.png' width='302' height='197'/>
</CENTER>....


(ترحيب بإسم العضو)

<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>سيظهر لكل عضو اسمه كما هو الحال فى المنتديات

(اخفاء المحتوى عن غير المعجبين)

<fb:visible-to-connection>

كل شئ تريد اخفائه ضعه هنا بين الكودين
...
</fb:visible-to-connection>لازم الناس تعمل لايك للصفحة لكى ترى محتوى التاب


(زرار)

<CENTER>

<a href="الــــــــــرابط"><input type="submit" value="إسم الزر" name="B1"></a>
...
</CENTER>انشاء زر بالضغط عليه يحولك الى رابط ما



(المشاركة)

<CENTER>
<fb:share-button class="url" href="رابط صفحتك" /> <br /><br />
</CENTER>زر المشاركة للمساعدة على نشر الصفحة



(4صورة مصغرة بالضغط عليها تكبر)

<CENTER>
<!-- set the divs for the fullsize images -->
<div id="image1">
...


<img src="رابط الصوره رقم 1" /></div>

<div id="image2" style="display: none;">



<img src="رابط الصوره رقم 2" /></div>

<div id="image3" style="display: none;">



<img src="رابط الصوره رقم 3" /></div>

<div id="image4" style="display: none;">



<img src="رابط الصوره رقم 4" /></div>

<!-- set up our thumbnails -->
<a href="#" clicktoshow="image1" clicktohide="image2,image3,image4">



<img src="رابط الصوره رقم 1" HEIGHT="50" WIDTH="97" /></a>
<a href="#" clicktoshow="image2" clicktohide="image1,image3,image4">



<IMG SRC="رابط الصوره رقم 2" HEIGHT="50" WIDTH="97" /></a>
<a href="#" clicktoshow="image3" clicktohide="image1,image2,image4">



<IMG SRC="رابط الصوره رقم 3" HEIGHT="50" WIDTH="97" /></a>
<a href="#" clicktoshow="image4" clicktohide="image1,image2,image3">



<IMG SRC="رابط الصوره رقم 4" HEIGHT="50" WIDTH="97" /></a>
</CENTER>اربع صور صغيرين بجوار بعضهم بالضغط على احدهم تأتى فى المقدمة وتكبر فى الحجم
يراعى أن حجم ال 4 صور يجب أن يكون متساوى تماما ( طول وعرض )



<fb:explanation>
<fb:message>العنوان</fb:message>
الرساله
</fb:explanation>لكتابه رسالة ما للزوار
ومن الممكن تغيير كلمة الرسالة لوضع أى عنوان آخر



(دعوة الأصدقاء)

<CENTER>
<fb:fbml version="1.1">
<div style="padding: 1px;">
...<fb:request-form method="get" type="PAGE NAME" invite="true" content="Invite friends">
<fb:req-choice url='someURL' label='Accept' />
<fb:multi-friend-selector action****="Invite friends" rows="3" cols="3" showborder="true" condensed="false" style="width: 300px;" />
</fb:request-form>
</div>
</fb:fbml>
</CENTER>معظم الوقت لا يعمل

<CENTER>
<fb:wallpost uid="رقم الآى دى الخاص بك" t="00000000">
<br />
</fb:wallpost>
</CENTER>
هذا كود لأظهار صورة الادمن
وتحتاج الى تغيير رقم الاى دى الموجود بالكود
حتى يتوافق مع بروفايلك

هذه المرة رقم الاى دى الخاص بالبروفايل الشخصى وليس الصفحة


كود رقم (1) يستخدم فى الفصل بين ارتفاع الجمل والصور

<BR/>

*****************************************

كود رقم (2) يستخدم فى الفاصله افقياً بين الصور والكلمات



*****************************************

كود رقم (3) تعريض خط الكتابه

<B> خط عريض </B>

*****************************************

كود رقم (4) لوضع صوره فقط فى التاب

<IMG SRC="رابط الصوره">


*****************************************

كود رقم (5)
التحكم فى ابعاد الصوره
تحكم فى ابعاد الصوره بتبديل الابعاد الموجوده فى الكود

<IMG SRC="رابط الصوره" HEIGHT="70" WIDTH="120">

*********************************************

كود رقم (6) تحويل الكلمه الى رابط

<A HREF="http://www.facebook.com/FBML.caption"> الحائط </A>

*****************************************

كود رقم (7) للضغط على الصوره تذهب بك الى رابط

<A HREF="http://www.facebook.com/hyaty.w3yshha"><IMG SRC="http://img534.imageshack.us/img534/4073/91426473.png"></A>

*****************************************

كود رقم (8) لتوسيط الكلام او الصور او اى شئ

<center> كود التوسيط </center>

*****************************************

كود رقم (9) تغيير حجم الخط

<FONT SIZE="5"> **** </FONT>

*****************************************

كود رقم (10) لتغيير لون الخط

<FONT COLOR="#3388a0"> **** </FONT>

*****************************************

كود رقم (11) لتغيير حجم ولون الخط معاً

<FONT COLOR="#3388a0"><FONT SIZE="5"> **** </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="http://www.facebook.com/Michael.DE.Ford"><FONT COLOR="#FF00FF"><FONT SIZE="5"> Michael Ford </FONT></FONT></A>

*****************************************

كود رقم (14) لكتابة رابط بأكثر من لون وحجم

<A HREF="http://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>

مجموعة من الأكواد الهامة لكل تاب

__________________


أى استفسار أنا حاضرة بأمر الله
وفقنا الله واياكم لما يحب ويرضى

[مع الله]

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

http://www10.0zz0.com/2011/05/09/02/634317732.jpg

نضغط على اسم التاب المراد وضعه فى المقدمة
فلو ضغطت مثلا على تاب الآراء سيكون اول ما يظهر لزائر الصفحة

[أبو عمر الأزهري]

ما شاء الله!! بورك فيكم أختنا.

[أم سُهَيْل]

بسم الله الرحمن الرحيم

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

بارك الله فيكِ ياحبيبة ونفع بكِ

[المعتزة بنقابها]

جزاك الله خيرا
مجهود طيب

[وميض]

شكرًا على هذا الموضوع٠٠

وسؤالي هو.. هل يمكنني ان اعمل اقسام اخرى على صفحة الفيسبوك تحت صورة الملف الشخصي مع الأقسام الاصلية مثل قسم الحائط وقسم الصور وقسم الفيديو بحيث يكون قسم جديد ولايكون تطبيق .. على سبيل المثال قسم يتم تسميته ( تطوير الذات) واضع فيه مواضيع عن تطوير الذات.

ولك جزيل الشكر *

[كوسرتم]

جزاك الله و يعطيك عافية

[رافت نافع]

السلام عليكم ورحمه الله وبركاته
انا معلوماتى بسيطه فى النت ومش عارف اعمل الترحيب فى صفحه الفيس ممكن الاخت صاحبه الموضوع تساعدنى فى ذلك ، جزاكى الله خيرا،

[رافت نافع]

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