عرض مشاركة مفردة
 
  #1  
قديم 15-02-2010, 12:10 PM
WjDi WjDi غير متصل
عضو
 
تاريخ التسجيل: Jul 2007
مشاركة: 53
مستوى تقييم العضوية: 17
WjDi is on a distinguished road
Awt4 شرح اضافة شريط الـ Facebook بالمنتدى

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

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

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

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


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

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

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


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


اولا حمل الملف من على هذا الرابط
من هنـــــــا
بعد ان قمت بتحميل الملف فك الضغط عنه وارفع مجلد
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>
بعد ان اضفت الكود احفظ عملك واذهب وشاهد الشريط

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