[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار

السلام عليكــم ورحمـة الله وبركاتــه ،،
"وَمَنْ أَحْسَنُ قَوْلًا مِّمَّن دَعَا إِلَى اللَّـهِ وَعَمِلَ صَالِحًا وَقَالَ إِنَّنِي مِنَ الْمُسْلِمِينَ" ﴿فصلت: ٣٣﴾
اهـلا بالحظور الكريم من زوار واعضاء ديزاين ستار من كل مكان.،
[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة

[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار Get-5-2011-almlf_com_pek1a9nm

معاينة على الكود:
[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار 13160080411

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار Tbvgfxy184e5

[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار Tbvgfxy184e5

طريقة التركيب
مظهر المنتدى
[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار Type_li

تومبلايت
ادارة عامة
overall_header
واسفل ما انت واضع كود الواجهة في القالب نضع الكود التالي

الرمز:

<div class="mbar" id="menubar"><div class="mbar"><div class="mbar dpad">
<div class="menubar">
<ul id="topmenu" class="lcol reset">
<a href="#"><b>الرئسية </b></a>
<a href="#"><b>المنتدى </b></a>
<a href="#"><b>جديد المواضيع </b></a>
<a href="#"><b>لم يرد عنها</b></a></li>
<a href="#"><b>تابعنا</b></a></li>
<a href="#"><b>اتصل بنا</b></a></li>
</ul>
</div>

ونضع هذا في ورقة css

الرمز:

#menubar { margin-bottom: 12px; }
.mbar { height: 52px; background: url("https://2img.net/h/oi54.tinypic.com/2m5x8gz.jpg") no-repeat; }
.mbar .mbar { background-position: 100% -52px; }
.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }

.menubar { height: 47px; background: #3f4b51 url("https://2img.net/h/oi52.tinypic.com/1z5l0ua.jpg") no-repeat 100% 0; }
.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }
.menubar ul li, .menubar ul a, .menubar ul a b { height: 26px; float: left; }
.menubar ul a { margin-right: 1px; color: #fff; background:
url("https://2img.net/h/oi55.tinypic.com/2m3fbl3.jpg") no-repeat 0 -999px; }

.menubar ul a b { cursor: pointer; padding: 0 10px; background:
url("https://2img.net/h/oi55.tinypic.com/2m3fbl3.jpg") no-repeat 0 -999px; }

.menubar ul a:hover { background-position: 0 0; }
.menubar ul a:hover b { background-position: 100% -26px; }

.menubar ul .sublnk a { background-position: 0 -104px; }
.menubar ul .sublnk a b { padding-right: 25px; background-position: 100% -130px; }

.menubar ul .sublnk a:hover, .menubar ul .sublnk.selected a { background-position: 0 -52px; }
.menubar ul .sublnk a:hover b, .menubar ul .sublnk.selected a b
{ padding-right: 25px; background-position: 100% -78px; }

,

.والى هـنا احبتي..
ينتهيـ موضوعـنا لهدا اليوم
ونامل اللقاء بكم بمواضيع جديدة
بادنـــ اللهــــ
والـسلام خــيـــر ختآم
[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار 151806

[كود]نـافبار جديد مكن من html+css لوضع ازرار المنتدى اسفـل الواجهة,, ديزاين ستار 151806

» كود تمبلايت وضع ازرار المنتدى اعلى الواجهة
» حــصريا كود رآآئـ ع جـدا ويبحت عنهـ الجميع متلـ المركب على ديزاين ستار
» كود HTML لموقع الإستماع للقرآن الكريم فوق الواجهة
» [تومبيلات]كود لوضع اطار لاقسام المنتدى من الداخل من قويتو بالعبيد
» [تومبيلات]كود لوضع اطار لفئات المنتدى من الاسفل من قويتو بالعبيد