مكتبة الاكواد الخاصة بتصميم الصفحات على Facebook
السلام عليكم ورحمة الله وبركاته
بعد ان اطلعنا على طريقة عمل تبويب في الدرس السابق (اضغط هنا)
اعرض عليكم ما جمعته من اكواد خاصة بتصميم الصفحات
1.
لادراج صورة في الصفحة
2.
لادراج صورة وبالنقر عليها تحيل المتصفح الى صفحتك او موقعك
3.
لادراج صوره واسفل منها رسالة تكتبها للزائر
4.
لكتابة رسالة للزائر .. ويمكنك التحكم بحجم الخط من خلال تغيير الرقم 5 (الشرح +مثال)
5.
كتابة رسالة للزائر ... ويمكنك التحكم باللون من خلال تغيير القيمة 151B8D (الشرح +مثال)
والتحكم بحجم الخط من خلال تغيير الرقم 5
6.
زر اعجبني like
7.
كود اخر لزر اعجبني like
8.
الترحيب بأسم الزائر
9.
زر مشاركة sher
10.
مستطيل للكتابة
11.
رسالة تنبية للزائر
12.
رسالة تنبيه بشكل آخر
13.
مربع حوار مع امكانية التحكم بحجمة من خلال تغيير الارقام 400 و 500
14.
الآدمن admin وصفحته الشخصية
15.
رسالة ترحيبية للزائر مع العنوان وتكون داخل ايطار
16.
صندوق دعوة الاصدقاء invite friends (مثال + شرح )
17.
التعريف بالآدمن admin في الصفحة (مثال+شرح)
18.
اضافة تعليق في الصفحة (مثال +الشرح)
19.
كود الدردشة (شرح+مثال)
.20
معلومات لا يراها الا المعجبون فقط (مثال+الشرح)
21.
كود لاضآفة lecteur mp3 لصفحتك (مثال+الشرح)
22.
كود جديدلـ invite friends دعوة الاصدقاء بطريقة الشرح لزوار صفحتك (مثال + شرح)
23.
خلفية لصفحتك background واضف عليها ما تشاء من اكواد وكتابة(الشرح)
24.
ساعات فلاشية بتوقيت الزائر
25.
اضافة لمسة جمالية لصفحتك ,فواصل جميلة لكل مقطع (مثال)
26 - كود البحث فى الفيس بوك
بعد ان اطلعنا على طريقة عمل تبويب في الدرس السابق (اضغط هنا)
اعرض عليكم ما جمعته من اكواد خاصة بتصميم الصفحات
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="http://img143.imageshack.us/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="مرحبا , تعلم الفيسبوك معنا :D" condensed="false" exclude_ids="1,2,3"/> |
.20
معلومات لا يراها الا المعجبون فقط (مثال+الشرح)
| كود |
لو كنت معحبا فسوف ترى الصورة اسفله <br /> <fb:visible-to-connection> تعلم معنا الفيسبوك <img src="http://i52.tinypic.com/2j4r52s.jpg" /> </fb:visible-to-connection> |
21.
كود لاضآفة lecteur mp3 لصفحتك (مثال+الشرح)
| كود |
<!---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" 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 دعوة الاصدقاء بطريقة الشرح لزوار صفحتك (مثال + شرح)
| كود |
<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 واضف عليها ما تشاء من اكواد وكتابة(الشرح)
| كود |
<!-- 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.
ساعات فلاشية بتوقيت الزائر
25.
اضافة لمسة جمالية لصفحتك ,فواصل جميلة لكل مقطع (مثال)
| كود |
<!---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 - كود البحث فى الفيس بوك
| كود |
<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> |
1 التعليقات:
شكراااااااااااااا أخي الكريم
إرسال تعليق