قائمة افقية جميلة تحتاجها - مجتمع uCoz العربي للدعم والمساعدة

مشاركة # 1 | 09:33 29.05.2013

السلام عليكم ورحمة الله وبركاته
اليوم جبت لكم قائمة افقية تحطها
في تعديل التصميم القسم العلوي
الموضوع طرحه اخونا ياسين بس انا اخذت الكود وغيرت الوانه
لتركيب التاقائمة لاتنسى تغيير الاسماء والروابط
الكود

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
/*
Main Menu
*/
#menu, #menu ul li {
margin: 0;
padding: 0;
list-style: none;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
background-color: #555555;
}
#menu li {
margin: 0;
padding: 0;
float: right;
position: relative;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}
#menu li a, #menu li a:visited {
font-family: Tahoma, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
padding: 5px 12px;
color: #000000;
background: #0000FF;
display: block;
text-decoration: none;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}
#menu li a:hover {
color: #000000;
background: #0000FF;
padding: 5px 12px;
display: block;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}
/*
Sub Menu
*/
#menu li ul {
width: 199x;
padding:0;
position: absolute;
right: 0;
display: none;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}
#menu li:hover ul {
display: block;
}
#menu li li {
margin: 0;
padding: 0;
float: right;
width: 175px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}
#menu li li a, #menu li li a:visited {
margin: 0;
padding: 5px 12px;
border-top: 1px solid #0000FF;
background: #000000;
width: 175px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}
#menu li li a:hover{
background: #0000FF;
color: #000000;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}

</style>
</head>

<body>



<head>

<div style="background-color: #E8E4D0">
<ul id="menu">
<li><a href="http://mtaprogram.ucoz.com///">الرئيسية</a></li>
<li><a href="http://mtaprogram.ucoz.com/load">مكتبة البرامج</a></li>
<ul>
</ul>
</li>

<ul>

</ul>
</li>

<ul>

</ul>
</li>
<li><a href="http://mtaprogram.ucoz.com/publ">قصص</a></li>
<li><a href="http://mtaprogram.ucoz.com/photo">صور</a></li>
<li><a href="http://mtaprogram.ucoz.com/video">فيديوهات</a></li>
<li><a href="http://mtaprogram.ucoz.com/stuff">العاب</a></li>
<li><a href="http://mtaprogram.ucoz.com/faq">اسئلة واجوبة</a></li>
</ul>



جميع الحقوق محفوظة لموقع الالهام وياسين

مشاركة حٌررت بواسطة moawiamm - الأربعاء, 29.05.2013, 20:40

مشاركة # 3 | 00:30 04.06.2013

السلام علييكم ورحمة الله وبركاته اخي الحماحمى, اشكرك على حرسك وعلى تنبيه الاخوى الاعضاء
صراحتا لست انا من صمم الكود happy

اخي moawiamm, مشكور على العمل لكن ينقصك القليل من الابداع والملاحظة جعلت لون القائمة ازرق والعنواين باللون الاسود

اظافات ucoz | دعم مواقع ucoz | الدعم المتقدم لمواقع ucoz دروس، اضافات، قوالب, دعم وتطوير مواقع ucoz

انطلاقتك نحو انشاء المواقع تبدا من اول نقطة

آخر تحديثات uCoz

آخر المواضيع