(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
صفحة 1 من اصل 1 • شاطر
السلام عليكم ورحمة الله وبركاته
مرحبا اعضاء منتديات عدن سات
سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام
صورة توضيحة للغرض :
مرحبا اعضاء منتديات عدن سات
سوف اقدم لكم شرح عمل ناف بار علي كل الاقسام
صورة توضيحة للغرض :
نتوكل علي الله :--> نذهــب الي
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب index_box ونضغط عليه تعديل
نبحث عن هدا الكود :
- الكود:
<!-- BEGIN tablehead --><table class="forumline"
width="100%" border="0" cellspacing="1" cellpadding="0">
ونضع بعده مباشره هدا الكود :
- الكود:
<tr>
<ul class="glossymenu"><li class="current"><a
href=رابط قسم"><b> منتدي
الدعم</b></a></li><li><a href="رابط القسم"
title="عنوان القسم"><b>اسم
القسم</b></a></li><li><a href="رابط القسم"
title="منتدي الدعم" style=""><b>اسم
القسم</b></a></li><li><a href="رابط القسم"
title="اسم قسم" style=""><b> اسم
القسم</b></a></li><li><a href="رابط
قسم""><b>اسم
القسم</b></a></li><li><a href="رابط القسم"
style=""><b>اسم القسم
</b></a></li><li><a href="رايبط القسم"
style=""><b>اسم القسم</b></a></li></ul>
</tr>
كما في الصوره :
ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود :
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود :
- الكود:
.glossymenu {
background: url("http://hitskin.com/themes/16/95/80/i_back_title.png") repeat-x scroll 0 0 transparent;
height: 25px;
list-style: none outside none;
margin: 0 auto;
padding: 0 0 0 34px;
position: relative;
text-align: center;
text-transform: uppercase;
border-radius: 8px 8px 8px 8px;
}
.glossymenu li {
float: left;
}
.glossymenu li a {
color: #000000;
cursor: pointer;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 26px;
line-height: 26px;
padding: 0 0 0 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.glossymenu li a b {
float: left;
padding: 0 24px 0 8px;
text-align: center;
text-transform: uppercase;
}
.glossymenu li a:hover, .glossymenu li.current a {
background-position: left center;
color: #ff0000;
text-align: center;
text-transform: uppercase;
}
.glossymenu li a:hover b, .glossymenu li.current a b {
background: url("http://i60.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
border: 1px solid #874b4b;
border-radius: 10px 10px 10px 10px;
color: #ff0000;
}
واخيراً مبروك عليك ..
ودمتم بخير ... ولا تنسوا التقييم للموضوع والرد
من اجل ان نرتقي وننهض بالمنتدى
تحياتي لكم
مواضيع مماثلة
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى