ط£ط¶ط§ظپط© ط±ط¢ط¦ط¹ظ‡ ظپظٹ ظ‚ط§ظ„ط¨ [footer]



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

أعضاء و وضيوف ديزاد باتنة
حبت أقدم لكم هذي الاضافة الرائعه في قالب template footer

شاهد الصور







الاضافة متحركة
شاهد مثال حي في الاسفل
http://bahraney.r3r.info/vb

طريقة التركيب install

في نهاية قالب template footer ضيف الكود code التالي

رمز PHP:
<code style="white-space:nowrap"> <code> <!--BAH®ANEY تعريب وتطوير -->
<if
condition="$bbuserinfo&#91;userid&#93;">
<!--
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="الصفحة الرئيسة" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="إرسال رسالة خاصة جديدة" width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/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="/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="رسالة خاصة جديدة" 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="المجموعات الاجتماعية" 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="الاتصال والأصدقاء" 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="لوحة تحكم العضو" width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">لوحة تحكم العضو</a> :: <a href="profile.php?do=editpassword"><img src="http://www.vbulletindestek.org/images/misc/usercp_icons/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 -->
<if
condition="$bbuserinfo&#91;pmunread&#93;">
|<
blink><a href="private.php" accesskey="2">$bbuserinfo&#91;pmunread&#93; PM!</a>
</
blink></if>
<!--
Shevko Facebook PM -->
</
div>
<!--
Shevko Facebook BAR -->
<else />
</if>
<!--
BAH®ANEY تعريب وتطوير -->
</code> </code>

الان توجه الى تعاريف 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>

الان أرفع الملف المرفق الى مجلد www

و بتوفيق






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



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