مدير المنتدى
بيانات اضافيه [+] | الجنس : عدد المساهمات : 3301 نقاط : 5160 العمل/الترفيه : توت تعاليق :
اتمنى يكون المنتدى جمعة خير وفائدة للجميع
لا اله الا الله محمد رسول الله
|
|
|
| موضوع: كود نافبار رائع متل الموجود في منتدانا
كود نافبار رائع متل الموجود في منتدانا السلام عليكم بسم الله الرحمان الرحيماليوم نقدم لكم كود نافبار متل الموجود في منتدانا الحبيب الكود يوضع في الاعلانات الخاصة الطريقة ///ادارة عامة /// الرسائل والايميلات /// الاعلانات الخاصة الكود - الكود:
-
<div style="position: fixed; top: 0px; right: 0px; background: black; width: 100%; color: #ECECEC; padding: 3px; z-index: 999;"> <div id='cssmenu'> <ul> <li class='active '><a href='http://msila-28.ahlamontada.net/portal'><span>الرئيسية</span></a></li> <li class='active '><a href='http://msila-28.ahlamontada.net/'><span>المنتدى</span></a></li> <li class='active '><a href='http://msila-28.ahlamontada.net/privmsg?folder=inbox'><span>الرسائل الخاصة</span></a></li> <li class='active has-sub '><a href='#'><span>روابط مهمة</span></a> <ul> <li class='active '><a href='http://msila-28.ahlamontada.net/memberlist'><span>قائمة الاعضاء</span></a></li> <li class='active '><a href='http://msila-28.ahlamontada.net/profile?mode=editprofile'><span>البيانات الشخصية</span></a></li> <li class='active '><a href='http://msila-28.ahlamontada.net/memberlist?mode=today_posters'><span>افضل الاعضاء لهذا اليوم</span></a></li> <li><a href='http://www.4egy.net/h10-page'><span>مركز الرفع</span></a></li> <li><a href='http://msila-28.ahlamontada.net/f96-montada'><span>المدونة</span></a></li> <li><a href='http://msila-28.ahlamontada.net/groups'><span>المجموعات</span></a></li>
</ul> </li> <li><a href='http://msila-28.ahlamontada.net/search?search_id=newposts'><span>ما الجديد ؟</span></a></li> <li><a href='http://msila-28.ahlamontada.net/search?search_id=unanswered'><span>مواضيع لم يتم الرد عليها</span></a></li>
</li> <li><a href='http://xat.com/karmanasaloni'><span>دردشة المنتدى</span></a></li>
<li class='active has-sub '><a href='#'><span>المواضيع المهمة</span></a> <ul> <li class='active '><a href='http://msila-28.ahlamontada.net/t243-topic'><span>موضوع الالف رد</span></a></li> <li class='active '><a href='http://msila-28.ahlamontada.net/t253-topic'><span>التصويت لمسابقة نظم الشعر</span></a></li> <li class='active '><a href='http://hitskin.com/themes/18/59/39/i_folder_new_big.gif'><span>دفتر الحضور والغياب</span></a></li> <li><a href='http://www.4egy.net/h10-page'><span>مركز الرفع</span></a></li> <li><a href='http://msila-28.ahlamontada.net/f96-montada'><span>المدونة</span></a></li> <li><a href='http://msila-28.ahlamontada.net/groups'><span>المجموعات</span></a></li>
</ul> </div> </div> <Style> #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; text-align: right; font-weight: bold; } #cssmenu { height: 49px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); border-bottom: 2px solid #e00f16; text-align: right; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; text-align: right;
} #cssmenu a { background: #141414; background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); background: -o-linear-gradient(top, #32323a 0%, #141414 100%); background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); background: linear-gradient(to bottom, #32323a 0%, #141414 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0); color: #ffffff; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 49px; padding: 0 20px; text-decoration: none; text-align: right;
} #cssmenu ul { list-style: none; text-align: right;
} #cssmenu > ul { float: right; text-align: right;
} #cssmenu > ul > li { float: right; text-align: right;
} #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e00f16; margin-left: -10px; text-align: right;
} #cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; text-align: right;
} #cssmenu > ul > li:last-child > a { border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; text-align: right;
} #cssmenu > ul > li.active > a { box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); text-align: right;
} #cssmenu > ul > li:hover > a { background: #070707; background: -moz-linear-gradient(top, #26262c 0%, #070707 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707)); background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%); background: -o-linear-gradient(top, #26262c 0%, #070707 100%); background: -ms-linear-gradient(top, #26262c 0%, #070707 100%); background: linear-gradient(to bottom, #26262c 0%, #070707 100%); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0); box-shadow: inset 0 0 3px #000000; -moz-box-shadow: inset 0 0 3px #000000; -webkit-box-shadow: inset 0 0 3px #000000; text-align: right;
} #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; text-align: right;
left: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; } #cssmenu .has-sub ul li a { background: #e00f16; border-bottom: 1px dotted #ec6f73; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px; text-align: right;
} /* code brogramed by www.4egy.net*/ #cssmenu .has-sub ul li:hover a { background: #b00c11; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu .has-sub .has-sub ul li a { background: #b00c11; border-bottom: 1px dotted #d06d70; text-align: right;
} #cssmenu .has-sub .has-sub ul li a:hover { background: #80090d; text-align: right;
} </style> والان غر على الروابط والعناوين الموضوع الأصلي : كود نافبار رائع متل الموجود في منتدانا المصدر : عالم العرب الكاتب:admin
| | |