المشاركة رقم تم النشر فى :28 - 05 - 2014
.الصوره الشخصيه
.AWARDS
المدير العام
وسام الاداره
المدير العام
وسام المدير العام
وارث العطاء البادخ
شكر الاداره
وسام وارث سنابل العطاء
شكرا الاداره
وسام التقييم الحصري 150 تقييم
وسام الاداره الحصري
razan
موضوع: كود نافبار الاسلامي الشامل
كود نافبار الاسلامي الشامل
لمشاهدة النافبار
http://im38.gulfup.com/MMxw4.jpg
كود هوتميل يوضع فى التشكيلات العامة
الرمز:
الكود: <ul id="nav"> <li><a href="http://www.mp3quran.net"><img src="" />القرأن الكريم</a></li> <li><a href="#"><span><img src="images/top1.png" /> الآحاديث النبوية</span></a> <div class="subs"> <div class="col"> <ul> <li><a href="http://hadith.al-islam.com/Loader.aspx?pageid=194&BookID=24&TOCID=1"><img src="images/bub.png" /> صحيح البخارى</a></li> <li><a href="http://hadith.al-islam.com/Loader.aspx?pageid=194&BookID=25"><img src="images/bub.png" /> صحيح مسلم</a></li> <li><a href="http://hadith.al-islam.com/Loader.aspx?pageid=194&BookID=26"><img src="images/bub.png" /> سنن الترمذى</a></li> <li><a href="http://hadith.al-islam.com/Loader.aspx?pageid=194&BookID=27"><img src="images/bub.png" /> سنن النسائى</a></li> </ul> </div> </div> </li> <li><a href="http://ruqya.net/forum/forumdisplay.php?f=125"><span><img src="images/top2.png" /> الرقية الشرعية</span></a> </li> <li><a href="http://www.prophetstory.com"><img src="images/top3.png" /> قصص الآنبياء</a></li> <li><a href="http://fatwa.islamweb.net/fatwa/index.php"><img src="images/top4.png" /> موسوعة الفتاوى</a></li> <li><a href="http://www.sultan.org/f/"><img src="images/top5.png" /> باحث الفتاوى</a></li> <li><a href="http://quran-m.com//"><img src="images/top5.png" /> موسوعة الآعجاز القرأنى</a></li> </ul> </div>
كود كي
الكود: ul#nav { display:block; float:left; font-family:Trebuchet MS,sans-serif; font-size:0; padding:5px 5px 5px 0; background: -moz-linear-gradient(#f5f5f5, #c4c4c4); /* FF 3.6+ */ background: -ms-linear-gradient(#f5f5f5, #c4c4c4); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#f5f5f5, #c4c4c4); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#f5f5f5, #c4c4c4); /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */ background: linear-gradient(#f5f5f5, #c4c4c4); /* the standard */ } ul#nav,ul#nav ul { list-style:none; margin:0; } ul#nav,ul#nav .subs { background-color:#444; border:1px solid #454545; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; } ul#nav .subs { background-color:#fff; border:2px solid #222; display:none; float:left; left:0; padding:0 6px 6px; position:absolute; top:100%; width:300px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } ul#nav li:hover>* { display:block; } ul#nav li:hover { position:relative; } ul#nav ul .subs { left:100%; position:absolute; top:0; } ul#nav ul { padding:0 5px 5px; } ul#nav .col { float:left; width:50%; } ul#nav li { display:block; float:left; font-size:0; white-space:nowrap; } ul#nav>li,ul#nav li { margin:0 0 0 5px; } ul#nav ul>li { margin:5px 0 0; } ul#nav a:active,ul#nav a:focus { outline-style:none; } ul#nav a { border-style:none; border-width:0; color:#181818; cursor:pointer; display:block; font-size:14px; font-weight:bold; padding:8px 18px; text-align:left; text-decoration:none; text-shadow:#fff 0 1px 1px; vertical-align:middle; } ul#nav ul li { float:none; margin:6px 0 0; } ul#nav ul a { background-color:#fff; border-color:#efefef; border-style:solid; border-width:0 0 1px; color:#000; font-size:13px; padding:4px; text-align:left; text-decoration:none; text-shadow:#fff 0 0 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } ul#nav li:hover>a { border-style:none; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; text-shadow:#181818 0 1px 1px; } ul#nav img { border:none; margin-right:8px; vertical-align:middle; } ul#nav span { background-position:right center; background-repeat:no-repeat; display:block; overflow:visible; padding-right:0; } ul#nav ul span { background-image:url("../images/arrow.png"); padding-right:20px; } ul#nav ul li:hover>a { border-color:#444; border-style:solid; color:#444; font-size:11px; text-decoration:none; text-shadow:#fff 0 0 0; } ul#nav > li >a { background-color:transpa; height:25px; line-height:25px; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; } ul#nav > li:hover > a { background-color:#313638; line-height:25px; }
أسم العضو : razan هل ترغب في التعليق على رسالة العضو razan ؟
الــرد الســـريـع
الاعضاء الدين شاركوا في الموضوع
تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
أعلي 10 إحصائياتأكثر الأقسام شعبية أفضل المواضيع افضل 10 اعضاء فى منتدى آخر المشاركات
تصميم احساس ديزاين للتصميم
الساعة الآن