السلام عليكم
افضل كود على الاطلاق الكود من برمجتي في css
اما الاخر فتم تطويره
الى الافضل
صورة للكود
تفضلو الكود
هذا يوضع في ورقة
css
يتم تعديل الالوان للخبراء فقط حسب منتداك
الكود الثاني
يوضع في تشكيلات عامة
الكود لم يتم نشره بعد الكود من برمجتي
اتمنى عدم نرع الحقوق
غيرو مايجب تغييره حسب اقسام موقعك
تفضلو الكود
بالتوفيق للجميع
منقول ارجو نقله للقسم المناسب
افضل كود على الاطلاق الكود من برمجتي في css
اما الاخر فتم تطويره
الى الافضل
صورة للكود
تفضلو الكود
هذا يوضع في ورقة
css
الكود:
#navigation {
margin:0;
padding: 0;
clear:both;
width:100%px;
height:51px;
background: #d6eaf8 url(ima/dropdown-bg.gif) repeat-x left top;
}
ul.nav-main,
ul.nav-main li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-main {
position: relative;
z-index: 999;
}
ul.nav-main li:hover > ul {
visibility: visible;
}
ul.nav-main li.hover,
ul.nav-main li:hover {
position: relative;
z-index: 999;
cursor: pointer;
background: url(ima/dropdown-bg-hover.gif) repeat-x left top;
}
ul.nav-main li {
float:left;
display:block;
height: 51px;
color: #999;
font: 20px Arial, Helvetica, sans-serif;
background: url(ima/separator.gif) no-repeat right center;
}
ul.nav-main li a {
display:block;
padding: 30px 30px 0 30px;
height: 35px;
color: #FC00F4;
font: 17px Arial, Helvetica, sans-serif;
text-decoration:none;
}
ul.nav-main li a:hover {
color:#D6D6D6;
}
ul.nav-main *.list {
padding-right: 50px;
background: url(ima/navigation-arrow.gif) no-repeat right top;
}
ul.nav-sub {
visibility: hidden;
position: absolute;
padding:10px;
top: 48px;
left: 0;
z-index: 999;
background: #353535 url(ima/dropdown-list-bg.gif) repeat-x left top;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
ul.nav-sub li {
list-style:none;
display:block;
padding: 0;
height: 27px;
float: none;
width:145px;
border-bottom: 6px solid #FAEE08;
background: none;
}
ul.nav-sub li a {
list-style:none;
display:block;
padding: 6px 5px 6px 5px;
height: 15px;
float: none;
width:145px;
background: none;
font: 18px Arial, Helvetica, sans-serif;
}يتم تعديل الالوان للخبراء فقط حسب منتداك
الكود الثاني
يوضع في تشكيلات عامة
الكود لم يتم نشره بعد الكود من برمجتي
اتمنى عدم نرع الحقوق
غيرو مايجب تغييره حسب اقسام موقعك
تفضلو الكود
الكود:
<!-- برمجة منتديات ارادتنا -->
</div><ul style="text-align: center;" id="navigation" class="nav-main">
<li class="list"><a href="f12-montada">خدماتنا </a>
<ul class="nav-sub">
<li><a href="f55-montada">السيو واشهار المواقع</a></li>
<li><a href="f91-montada">اضف موقعك</a></li>
<li><a href="f92-montada">اعلن لدينا</a></li>
<li><a href="f57-montada">دعم فني</a></li>
</ul>
</li>
<li class="portal"><a href="portal">جديد منتدياتنا</a>
<ul class="nav-sub">
<li><a href="statistics">تصفح الإحصائيات </a></li>
<li><a href="search?search_id=activetopics">اخر المواضيع اليوم</a></li>
<li><a href="t3213-topic#5617">شرح التسجيل في منتدانا</a></li>
</ul>
</li>
<li class="f16-montada"><a href="f16-montada">ادوات اشهارية</a>
<ul class="nav-sub">
<li><a href="f28-montada">اشهار منتداك مجانا </a></li>
<li><a href="f74-montada">نشر منتداك google </a></li>
<li><a href="f74-montada">نشر منتداك yahoo </a></li>
</ul>
</li>
<li class="list"><a href="http://help.ahlamontada.com/">مواقع مفيدة لك </a>
<ul class="nav-sub">
<li><a href="http://www.يسلالشسيبا.com/forum">منتدى الدعاية و الإشهار العربى pubarab</a></li>
<li><a href="http://www.goweto.com/">قويتو بلعبيد</a></li>
<li><a href="http://www.يسلالشسيبا.com/">دليل اشهار المنتديات</a></li>
<li><a href="http://www.musicaup.com/">ميوزيكا أب المصرية</a></li>
</ul>
</li>
<li class="f51-montada"><a href="f51-montada">اقسام اسلامية</a>
<ul class="nav-sub">
<li><a href="f43-montada">المنتدى الاسلامي </a></li>
<li><a href="f1-montada">المراة المسلمة </a></li>
<li><a href="f48-montada">اهلنا في غزة </a></li>
</ul>
</li>بالتوفيق للجميع
منقول ارجو نقله للقسم المناسب
