العراق اونلاين
نرحب
بكل من يزور
منتدانا



 
الرئيسيةالبوابةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول╣☼╠00%mybblogoكيويروابط ماوس
منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

شاطر | 
 

  كود النافبار الاسلامى الاحمر

اذهب الى الأسفل 
كاتب الموضوعرسالة
سحر العيون
Admin
Admin
avatar

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013

مُساهمةموضوع: كود النافبار الاسلامى الاحمر   الخميس ديسمبر 11, 2014 5:50 pm

لمشاهدة النافبار

http://im33.gulfup.com/geIQD.jpg

كود هوتميل يوضع فى التشكيلات العامة
الكود:
<ul id="horiznav">
<li><a href="http://www.mp3quran.net">القرأن الكريم</a></li>
<li><a href="http://quran-m.com">الآعجاز فى القرأن</a></li>
<li><a href="#">الآحاديث النبوية</a>
    <ul>
    <li><a href="http://hadith.al-islam.com/Loader.aspx?pageid=194&BookID=24&TOCID=1">صحيح البخارى</a></li>
    <li><a href="http://hadith.al-islam.com/Loader.aspx?pageid=194&BookID=25">صحيح مسلم</a></li>
    </ul>
</li>
<li><a href="#">الآنبياء والصحابة</a>
    <ul>
    <li><a href="http://fatwa.islamweb.net/fatwa/index.php">قصص الآنبياء</a></li>
    <li><a href="http://www.al-sahabah.com/?pageid=1">الصحابة الكرام</a></li>
    </ul>

</li>
<li><a href="#">الفتاوى</a>
    <ul>
    <li><a href="http://fatwa.islamweb.net/fatwa/index.php">موسوعة الفتاوى</a></li>
    <li><a href="http://www.sultan.org/f">باحث الفتاوى</a></li>
    <li><a href="http://islamqa.info/ar/">سؤال وجواب</a></li>
    </ul>
</li>
</ul>


كود يوضع فى ورقة ccs


الكود:
 ul#horiznav{
margin:0;
padding:0;
list-style-type:none;
height:32px
}

#horiznav li{
float:left;
width:150px
}

#horiznav li a{
display:block;
width:150px;
line-height:30px;
text-align:center;
color:white;
text-decoration:none;
background-color:#EA9531;
border:2px solid white
}

#horiznav li a:hover{
color:#FFFFFF
}


ul#horiznav, #horiznav ul{
margin:0;
padding:0;
list-style-type:none;
height:32px
}

#horiznav li{
float:left;
width:152px;
position:relative
}

#horiznav li a{
display:block;
width:150px;
line-height:30px;
text-align:center;
color:white;
text-decoration:none;
background-color:#79131A;
border:1px solid white
}

#horiznav li a:hover{
color:#FFFFFF
}

#horiznav li ul{
display:none;
position:absolute;
left:0;
top:32px
}

#horiznav li:hover ul {
display:block
}

#horiznav li ul a{
background-color:#81242A/*give the dropdown a different background colour*/
}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://iraqaonlaen.0wn0.com
 
كود النافبار الاسلامى الاحمر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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