شرح اضافة شريط الـ Facebook بالمنتدى

iToub

عضو جديد
11 سبتمبر 2009
121
0
0
السلام عليكم ورحمة الله تعالى وبركاته

زوار أعضاء منتدى عرب سين للأفلام ، أتمنى أن تكونو في ألف صحة وعافية

اليوم جايب لكم شرح اضافة شريط الـ Facebook بالمنتدى

هذه صورة للمعاينة
eztfa7xmis7qvxc0lhxr.jpg


و للمعاينة المباشرة

من هنـــــــا

ملاحظة : يمكن تغيير الروابط بروابط حسب رغبتك


والان شرح التركيب


اولا حمل الملف من على هذا الرابط
من هنـــــــا
بعد ان قمت بتحميل الملف فك الضغط عنه وارفع مجلد
imgimg
الى موقعك الى المسار المباشر يعني يجب ان يكون هكذا
http://www.domain.com/imgimg
مع تغيير دومين الى اسم موقعك

تابع الشرح معي

اذهب الى :---> لوحة التحكم - الاستايلات والقوالب - اختر الاستايل - القوالب الشائعة

في خانة الفوتر اضف الكود التالي ولكن بأسفل الفوتر

كود:
<if condition="$bbuserinfo[userid]">
<!-- Shevko Facebook BAR -->
<div id="bar_bottom" style="width: %80; height: 32px; bottom: 0px;">
<div class="bar_float" style="height: 25px; width: %75;">

<a href="forumdisplay.php?do=markread"><img src="/imgimg/market.png" alt="Mark Forums Read" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Calender.." width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Leaders.." width="16" height="16" border="0" /></a>

</div>


<div class="bar_float1" style="width: %80">

<a href="private.php"><img src="/imgimg/email_open.gif" alt="PM" width="16" height="16" border="0" /></a>-<a href="private.php" accesskey="2">الرسائل الخاصة</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Send New Message.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">أرسال رسالة جديده</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Social Groups.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">المجموعات</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Contacts & Friends.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">الاصدقاء</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="User Control Panel.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">لوحة التحكم</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Edit Email & Password.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">تعديل البريد وكلمة المرور</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">أتصل بنا</a>|<a href="search.php?do=getnew" accesskey="2">المشاركات الجديده</a>
<!-- Shevko Facebook PM -->
<if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">$bbuserinfo[pmunread] PM!</a>
</blink></if>
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<else />
</if>


بعد ان اضفت الكود اضغط حفظ

والان اذهب الى التحكم بالاستايلات - ثم خيارات الـ سي اس اس [ Css رئيسي ] واضف الكود التالي في خانة تعاريف سي اس اس الاضافية وقم بأضافة الكود التالي في اسفل الخانة


كود:
#bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}

.bar_float {float:left;padding:7px 5px 0 5px;border-right:1px solid #b5b5b5;}
.bar_float a{padding:2px;}
.bar_float a:hover{padding:2px;background-color:#fff;text-decoration:none;}

.bar_float1 {float:left;padding:7px 5px 0 5px;height:25px;}

.bar_float1 a{text-decoration:none;color:#749474;font-size:11px;}
.bar_float1 a:hover{font-size:11px;color:#000;text-decoration:none;}

.bar_float2 {float:right;padding:7px 5px 0 5px;border-left:1px solid #b5b5b5;height:25px;}

.bar_float2 a{padding:2px;color:#749474;font-size:10px;cursor:pointer;cursor:hand;}
.bar_float2 a:hover{padding:2px;font-size:10px;color:#000;text-decoration:none;}

.bar_contents {padding-top:6px;text-align:center;}

والان احفظ عملك واذهب الى لوحة التحكم - خيارات المنتدى - اسم الموقع / الوصلات / المراسلة او الاتصال - خانة نص حفظ الحقوق واضف الكود التالي في الخانة

كود:
<br><br><br>

بعد ان اضفت الكود احفظ عملك واذهب وشاهد الشريط

و أي استفسار انا حاضر​

 

رووح القلوب

عضو جديد
20 مارس 2009
246
1
0
مشكور ما قصرت

بس احنا زوار الدعم العربى ياغالى .. ركز شويه

زوار أعضاء منتدى عرب سين للأفلام ، أتمنى أن تكونو في ألف صحة وعافية
 

سكووب

عضو جديد
19 يونيو 2010
50
0
0
اعلان واضح وصريح يجب مراعة القوانين يالغالي
تحياتي