Facebook's Bar ط§ط¶ط§ظپط© ط¬ظ…ظٹظ„ظ‡ ظ„ط£ط¹ط¶ط§ط، ظ…ظ†طھط¯ط§ظƒ : )


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

قبل كم يوم كنت اتصفح بموقع http://www.vbulletin.org


شفت اضافه مميزه للمنتدى مثل الفيس بوك ( Facebook's Bar )

اللي يكون باسفل صفحة الفيس بوك

الصور /

http://upload.dzbatna.net/upfiles/ODx54853.gif

http://upload.dzbatna.net/upfiles/4o155470.gif


الطريقة /

1. نرفع مجلد الصور Facebookbar الى الامتداد vb/images

2 . من لوحة التحكم ,, الاستايل styleات والقوالب ... تحدد الاستايل style الذى ترغب الاضافه فيه




ونختار القالب template footer اضف في اسفله


رمز PHP:
<code style="white-space:nowrap"> <code> <if condition="$bbuserinfo&#91;userid&#93;">
<!-- Shevko Facebook BAR Edit by tulip4d.com -->
<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="images/Facebookbar/market.png" alt="جعل المشاركات مقروءه" width="16" height="16" border="0" /></a>&nbsp;&nbsp; <a href="private.php?do=newpm"><img src="images/Facebookbar/event_bar.png" alt="رسالة جديدة" width="16" height="16" border="0" /></a>&nbsp;&nbsp; <a href="album.php"><img src="images/Facebookbar/photo_bar.png" alt="ألبوم الصور" width="16" height="16" border="0" /></a>
</div>

<div class="bar_float1" style="width: %80">
<a href="private.php"><img src="images/Facebookbar/email_open.gif" alt="الرسائل الخاصة" width="16" height="16" border="0" /></a>
<a href="private.php" accesskey="2">الرسائل الخاصة</a>
| <a href="private.php?do=newpm"><img src="images/Facebookbar/email_add.gif" alt="ارسل رسالة جديدة" width="16" height="16" border="0" /></a>
<a href="private.php?do=newpm" accesskey="2">ارسل رسالة جديدة</a> | <a href="group.php"><img src="images/Facebookbar/group.gif" alt="المجموعات" width="16" height="16" border="0" /></a>
<a accesskey="2" href="group.php">المجموعات</a> | <a href="profile.php?do=buddylist"><img src="images/Facebookbar/emoticon_smile.gif" alt="الاصدقاء والاتصال" width="16" height="16" border="0" /></a>
<a href="profile.php?do=buddylist" accesskey="2">الاصدقاء</a> | <a href="usercp.php"><img src="images/Facebookbar/user_edit.gif" alt="لوحة التحكم" width="16" height="16" border="0" /></a>
<a href="usercp.php" accesskey="2">لوحة التحكم</a>
| <a href="profile.php?do=editpassword"><img src="images/Facebookbar/lock.gif" alt="تعديل الايميل والباسورد" 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 Edit by tulip4d.com -->
<if condition="$bbuserinfo&#91;pmunread&#93;">
|<blink><a href="private.php" accesskey="2">$bbuserinfo&#91;pmunread&#93; PM!</a>
</blink></if>
<!-- Shevko Facebook PM Edit by tulip4d.com -->
</div>
</div>
<!-- Shevko Facebook BAR Edit by tulip4d.com -->
<else />
</if>
</code> </code>



3. لوحة التحكم .. الاستايل styleات والقوالب .. التحكم بالاستايل styleات ( في الاستايل style المحدد ) نختار CSS

تعاريف CSS الإضافية/Additional CSS Definitions نضيف الكود code التالي رمز PHP:
<code style="white-space:nowrap"> <code> #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;cursorointer;cursor:hand;}
.bar_float2 a:hover{padding:2px;font-size:10px;color:#000;text-decoration:none;}

.bar_contents {padding-top:6px;text-align:center;}
</code> </code>



4 في حال اختفت الحقوق اسفل المنتدى forum يمكنك اضافة الكود code التالي اسفل الحقوق

في خيارات المنتدى forum .. اسم الموقع / الوصلات ... خانة نص الحقوق تضيف اسفلها رمز PHP:
<code style="white-space:nowrap"> <code> <br><br><br>
</code> </code>


ملاحظه / الكود code يظهر فقط للاعضاء المسجلين


اتمنى الاضافة تنال اعجابكم





الملفات المرفقة [TR]
Facebookbar.zip (7.3 كيلوبايت, عدد مرات المشاهدة 128 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©