الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة


الحب في الله

مرحباً بك يا زائر في منتدى الحب في الله
 
الرئيسيةالرئيسية  البوابةالبوابة  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 كود نافبار اضافي بتقنية css

اذهب الى الأسفل 
كاتب الموضوعرسالة
يريد الجنة
✿ الإدارََييِنّ ✿
✿ الإدارََييِنّ ✿
avatar

الجنس : ذكر
عدد المساهمات عدد المساهمات : 6086
نقاط نقاط : 22944
السٌّمعَة السٌّمعَة : 7
صور رمزية :

مُساهمةموضوع: كود نافبار اضافي بتقنية css    الخميس فبراير 16, 2012 7:57 pm

صورة من النافار


النافار مكون من كود css
وكود html



اولا نضع هذا الكود في التشكيلات العامة او اي مكان يقبل ال html
الكود:

[list]
[*][url=http://imazighan.ahlamontada.net/]الرئيسية[/url]
[*][url=http://imazighan.ahlamontada.net/f66-montada]المنتدى العام[/url]
[*][url=http://imazighan.ahlamontada.net/f40-montada]واحة الامازيغ[/url]
[*][url=http://imazighan.ahlamontada.net/f74-montada]اكواد css[/url]
[*][url=http://imazighan.ahlamontada.net/f73-montada]اكواد html[/url]
[*][url=http://imazighan.ahlamontada.net/f81-montada]تطوير المواقع والمنتديات[/url]
[/list]



استبدل روابط الكود بروابط منتداك


ثم نذهب الى ورقة css ونضع فيها هذا الكود
الكود:
/* -------- nabvar by king mazigh------------------- */
#m-l-nt {
background-image:url('http://i26.servimg.com/u/f26/16/26/36/94/ar_0510.png');
    height:50px;
    width: 960px;
    margin: 0px auto 0px auto;
}

#m-l-nt ul {
    height: 32px;
    margin: auto;
    margin-right: 40px;
}
#m-l-nt li {
    list-style: none;
    display: inline;
}
#m-l-nt li a {
    float:right;
    background-image:url('http://i26.servimg.com/u/f26/16/26/36/94/menu310.png');
    text-align: center;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    line-height: 45px;
    color: #fff;
    width: 126px;
    height: 39px;
    margin-right:3px;
    margin-left:3px;
    margin-top:3px;
    margin-bottom:4px;
    text-shadow: 0px 1px 0px #37001E;
}
#m-l-nt li a:hover {
    background-image:url('http://i26.servimg.com/u/f26/16/26/36/94/menu410.png');
    color: #fff;
}
.s1{
    background-image:url('http://i26.servimg.com/u/f26/16/26/36/94/l-nt2_13.jpg');
    width:177px;
    background-repeat:repeat-y;
    text-align: center;
}


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://el-hoube-fi-lah.hooxs.com
 
كود نافبار اضافي بتقنية css
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
الحب في الله :: ✿ المنتدى الاكواد لتطوير المواقع والمنتديات ✿ :: قسم تطوير المواقع والمنتديات تقنيات أخرى-
انتقل الى: