المشاركة رقم تم النشر فى :28 - 05 - 2014
.الصوره الشخصيه
.AWARDS
المدير العام
وسام الاداره
المدير العام
وسام المدير العام
وارث العطاء البادخ
شكر الاداره
وسام وارث سنابل العطاء
شكرا الاداره
وسام التقييم الحصري 150 تقييم
وسام الاداره الحصري
razan
موضوع: ناف بار مدعم بالايقونا
ناف بار مدعم بالايقونا
لمشاهدة النافبار
http://im31.gulfup.com/pLXFe.jpg
كود هوتميل يوضع فى التشكيلات العامة
الكود: <div class="container"> <ul id="nav"> <li><a href="#"> الرئيسية<img src=http://2img.net/i/fa/profile_from_20x20.png " width="30" height="30" /></span></a></li> <li><a href="#"><span> إسلاميات<img src=http://2.bp.blogspot.com/-mI0gv1c3tdA/UXAWfPArFhI/AAAAAAAAAIE/BsjgPoM9cRM/s88/islamic.png " width="40" height="35" /></span></a> <div class="subs"> <div class="col"> <ul> <li><a href="http://www.mp3quran.net">القرأن الكريم</a></li> <li><a href="http://quran-m.com">الآعجاز فى القرأن</a></li> <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> <li><a href="http://www.prophetstory.com/">قصص الآنبياء</a></li> <li><a href="http://www.al-sahabah.com/?pageid=1">الصحابة الكرام</a></li> <li><a href="http://fatwa.islamweb.net/fatwa/index.php">موسوعة الفتاوى</a></li> <li><a href="http://www.sultan.org/f">باحث الفتاوى</a></li> </ul> </div> </div> </li> <li><a href="#"><span> أدب وثقافة<img src=http://www.alwadi.com.sa/vb/images/iconn/oo5o.com%20(16).gif " width="40" height="35" / </span></a> <div class="subs"> <div class="col"> <ul> <li><a href="http://www.anti-rafeda.com/sunna/osra/na7oo/nho.htm"><img src="" /> موسوعة النحو والاعراب</a></li> <li><a href="http://m3loma.com/new/she3r/index.php"><img src="images/bub.png" /> موسوعة الشعر العربى</a></li> <li><a href="http://www.adab.com/literature/"><img src="images/bub.png" /> ادباء العرب</a></li> </ul> </div> </div> </li> </li> <li><a href="http://www.g9g.com/"> العاب فلاش<img src=http://1.bp.blogspot.com/-XdecmfJ0q5s/UXAWtpYM4lI/AAAAAAAAAIc/9l4HDei3UHI/s88/games.png " width="40" height="35" /></a></li> <li><a href="http://www.gulfup.com"> مركز تحميل صور<img src=http://www.muslmah.net/imgpost/11/b7f77fc672de31f5e97e23f6f729e9f5.png " width="40" height="35" /></a></li> <li><a href="http://resizepic.com/"> مركز تصغير الصور<img src=http://www.2y20.com/images/smilies/mwalat18.gif " width="40" height="35" /></a></li> </ul> </div> </body> </html>
كي
الكود: 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:#4C0230; cursor:pointer; display:block; font-size:15px; 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 2px; color:#4C0230; font-size:15px; padding:4px; text-align:center; 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:15px; 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("http://www.script-tutorials.com/wp-content/themes/evolve/library/media/css/images/arrow-nav.png"); padding-right:20px; } ul#nav ul li:hover>a { border-color:#444; border-style:solid; color:#4C0230; font-size:13px; 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 اعضاء فى منتدى آخر المشاركات
تصميم احساس ديزاين للتصميم
الساعة الآن