| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
وكـــ الرائع جدا مثل الموجود بمنتديات الفى بى
لمثال حى للكود
الكود مستخدم بمنتدانا
معاينة على الكود بعد التركيب
الكود متحرك مع الصفحة
فقط ضع الكود بدون اى تعديل
الجزء الاول من الكود
HTML
طريقة التركيب
لوحة الادارة
عناصر اضافية
العناصر المستقلة
انشاء عنصر وضع الكود التالى
:مخفي2:
الجزء التانى من الكود
يوضع فى
مظهر المنتدى
الوان
ورقة تصميم الCSS
وضع الكود هناك
- الكود:
-
#bar_bottom
{ position: fixed; bottom: 0px; left: 80px; right: 80px; height:
30px; background:#f3f3f3
url(http://i41.servimg.com/u/f41/11/71/12/31/bar_bo10.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;}