انا لله وانا اليه راجعون... نسألكم الدعاء بالرحمة والمغفرة لوالد ووالدة المشرف العام ( أبو سيف ) لوفاتهما رحمهما الله ... نسأل الله تعالى أن يتغمدهما بواسع رحمته . اللهم آمـــين


 
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 05-09-2011, 05:59 AM
مع الله مع الله غير متواجد حالياً
مشرفة سابقة-جزاها الله خيرًا .
 




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

 

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


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




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



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



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

http://tinyurl.com/3bj5k9v








ستظهر هذه الصفحة



وبهذا نكون قد أنشأنا التاب وباقى وضع الأكواد به




















ثم نقوم بوضع الأكواد فى التاب
الأكواد يمكن التحكم بها فى الخط ولون الخط وحجم الخط ووضع الصور وهناك أكواد جاهزة للكثير من التطبيقات
مثل دعوة الاصدقاء (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


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

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

كود PHP:
 (خلقية صورة للتاب)

<
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

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


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



كود PHP:
 (خلفية للتاب ملونة)

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

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


كود PHP:
 (الآراء)

<
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> 
وهذا الكود يوضع فى التاب اذا أردنا معرفة آراء الأعضاء حول أمر ما
ومثال عليه تاب استقبال الآراء والمقترحات فى صفحة الحور
ورقم الآى دى نأتى به عن طريق :
الدخول الى الصفحة ثم ضغط كليك شمال على صورة الصفحة
سيظهر فى العنوان = وبجوارها رقم نقوم بنسخ الرقم ووضعه بدلا من جملة :
اقتباس:
رقم الآي دى الخاص بك
مع المحافظة على ترك علامات التنصيص فى اكود كما هى


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

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

كود PHP:
 (ساعة رقمية)

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


كود PHP:
 (ترحيب بإسم العضو)

<
CENTER>
<
font face="monotype corsiva"><font size="6"><font color="#810541">
<
br><Bwelcome </B><fb:userlink uid="loggedinuser" />
...<
br>
<
font face="arial"><font size="4"><font color="#000000">
</
CENTER
سيظهر لكل عضو اسمه كما هو الحال فى المنتديات

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

<
fb:visible-to-connection>

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


كود PHP:
 (زرار)

<
CENTER>

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



كود:
 (المشاركة)

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



كود PHP:
(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 صور يجب أن يكون متساوى تماما ( طول وعرض )

كود PHP:

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



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

<
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
معظم الوقت لا يعمل

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

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


كود PHP:
كود رقم (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
مجموعة من الأكواد الهامة لكل تاب

__________________


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


رد مع اقتباس
 

الكلمات الدلالية (Tags)
للترحيب, الفيس, انشاء, بالصور, باب, بنك, صفحات, في, _, كيفية


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

 

منتديات الحور العين

↑ Grab this Headline Animator

الساعة الآن 01:20 AM.

 


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
.:: جميع الحقوق محفوظة لـ منتدى الحور العين ::.