منتدى الدعم الفني


منتدى الدعم الفني,دعم منتديات ال في بي,دعم احلى منتدى,اكواد هتمل,اكواد سي اس اس,اكواد توبيلات,اكواد جافا سكرابت,ستايلات احلى منتدى,ستايلات في بي,تصميم,دروس التصميم,طلبات التصميم,صور وغرائب,منتدى العام,منتدى الاسلامي,طلبات منتديات ال في بي,طلبات اكواد,
 
الرئيسيةالرئيسية  البوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 كود نافبار جميل

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
فخآإمۃ آلملڪْ



الساعة :
نسخة المنتدى :
فريقي المفضل : برشلونا
الدوله : العراق
المزاج : قاعد اصمم
ذكر
متصفحك : متصفحك
عدد المساهمات : 396
نقاط : 984
السٌّمعَة : 1
تاريخ التسجيل : 23/12/2012
MmS : MmS

مُساهمةموضوع: كود نافبار جميل    الخميس يناير 03, 2013 7:16 pm

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


يحتاج الى وضع كودين

الكود الاول ويوضع فى التشكيلات العامة

الرمز:



<div class="menu">
<ul>
<li><a href="#" >Home</a></li>
<li><a href="#" id="current">Fruit</a>
<ul>
<li><a href="#">Apples</a></li>
<li><a href="#">Oranges</a></li>
<li><a href="#">Bananas</a></li>
<li><a href="#">Pears</a></li>
</ul>
</li>
<li><a href="/about.html">About</a>
<ul>
<li><a href="#">Company Info</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
<li><a href="/contact/contact.php">Contact Us</a></li>
</ul>
</div>


والكود الثانى يوضع فى ورقة ccs

الرمز:

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;

font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet
Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#F93;
height:50px;
list-style:none;
margin:0;
padding:0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
-moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
}
.menu li{
float:left;
padding:0px 0px 0px 15px;
}
.menu li a{
color:#000;
display:block;
font-weight:normal;
line-height:50px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
background:#C60;
color:#FFFFFF;
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}
.menu ul li:hover a{
background:#C60;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;
background:#F93;
/*this is where the rounded corners for the dropdown disappears*/
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:50px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
background:#C60;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}



ملاحظة / يتم التحكم فى الاسماء الموجودة فى النافبار وروابط توجيهها من خلال الكود الاول

والتحكم فى الخط والالوان من خلال الكود الثانى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://d3malfny.alamontada.com
ملك الحصريات

avatar

الساعة :
الدوله : مصر
المزاج : زعلان
ذكر
متصفحك : متصفحك
عدد المساهمات : 154
نقاط : 154
السٌّمعَة : 0
تاريخ التسجيل : 03/06/2013
العمر : 36

مُساهمةموضوع: رد: كود نافبار جميل    الإثنين يونيو 03, 2013 7:57 am

شكرا على المشاركه الرائعه
وفى انتظار كل جديد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://medo.glaxu.org/vb/
 
كود نافبار جميل
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم الفني  :: منتدى تطوير ودعم المنتديات المجانية Develop and support forum free forums :: قسم التطويري :: اكـواد HTML-
انتقل الى: