نقــاط : 100245
| موضوع: كود نافبار إحترافي الأربعاء 25 سبتمبر 2013 - 21:21 | |
| من هنـــــــــــــــــــــــا معاينة النافبار الكود مكون من شقين جزء يوضع في ورقة css والجزء الثاني يوضع في إعلانات خاصة اولاً كود ورقة css - اقتباس :
/** * vBulletin 3.8.7 CSS * Style: 'Default Style'; Style ID: 1 */ body { background: #EBEBEB; color: #000000; font: blod 12pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } a:link, body_alink { color: #22229C; } a:visited, body_avisited { color: #22229C; } a:hover, a:active, body_ahover { color: #FF4400; } .page { background: #FFFFFF; color: #000000; font-family: Times New Roman,; } td, th, p, li { font: bold 14pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .tborder { background: #EBEBEB; color: #000000; font-family: arial; border: 1px solid #0B198C; } .tcat { background: #869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left; color: #FFFFFF; font: bold 12pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .tcat a:link, .tcat_alink { color: #ffffff; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #ffffff; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #FFFF66; text-decoration: underline; } .thead { background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left; color: #FFFFFF; font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #FFFFFF; } .thead a:visited, .thead_avisited { color: #FFFFFF; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFFF00; } .tfoot { background: #3E5C92; color: #E0E0F6; font-family: Times New Roman,; } .tfoot a:link, .tfoot_alink { color: #E0E0F6; } .tfoot a:visited, .tfoot_avisited { color: #E0E0F6; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #FFFF66; } .alt1, .alt1Active { background: #F5F5FF; color: #000000; font: 16pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .alt2, .alt2Active { background: #E1E4F2; color: #000000; font: blod 14pt Times New Roman,; } .inlinemod { background: #FFFFCC; color: #000000; font-family: Times New Roman,; } .wysiwyg { background: #F5F5FF; color: #000000; font: bold 16pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px;text-align: center } .wysiwyg a:link, .wysiwyg_alink { color: #22229C; } .wysiwyg a:visited, .wysiwyg_avisited { color: #22229C; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #FF4400; } textarea, .bginput { font: bold 16pt arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 16pt; font-family: arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .button { font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } select { font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } option, optgroup { font-size: 14px; font-family: arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .smallfont { font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .time { color: #666686; font-family: Times New Roman,; } .navbar { font: blod 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; } .highlight { color: #FF0000; font-family: Times New Roman,; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left; color: #000000; font-family: Times New Roman,; padding: 10px; border: 2px outset; } .panelsurround { background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left; color: #000000; font-family: Times New Roman,; } legend { color: #22229C; font: blod 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #738FBF; color: #FFFFFF; font: bold 14px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control a:link, .vbmenu_control_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #FFFFFF; text-decoration: underline; } .vbmenu_popup { background: #FFFFFF; color: #000000; font-family: Times New Roman,; border: 1px solid #0B198C; } .vbmenu_option { background: #BBC7CE; color: #000000; font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #22229C; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #22229C; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite { background: #8A949E; color: #FFFFFF; font: 14px arial, geneva, lucida, 'lucida grande', helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #FFFFFF; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 13px; }
ثانياً كود يوضع في إعلانات خاصة مع تعطيل خاصية تتابع الإعلانات ويبقا منفرداً دون وجود إعلان أخر - اقتباس :
<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="100%" > <tr>
<td class="alt1" width="100%"<div class="navbar" style="font-size:10pt"><a href="رابط منتداك هنــــا" accesskey="1"><img class="http://hitskin.com/themes/10/76/65/i_icon_minicat_new.gif" src="http://hitskin.com/themes/10/76/65/i_icon_minicat_new.gif" alt="" border="0" /></a> <strong>إسم منتداك هنـــــــــــــــــا</strong></div> </td>
<td class="alt2" nowrap="nowrap"> <div align="center" class="smallfont"> إسم المستخدم:<marquee behavior="alternate" direction="right"> زائر </marquee>
آخر زيارة لك كانت: <span class="time"> الخميس 1 يناير 1970 </span>
<b> أخر عضو مسجل:<marquee behavior="alternate" direction="right"> Tamer</marquee>
<a href="رابط منتداك هنــــا/search?search_id=egosearch"> <font size="3">مواضيعى</font></a><font size="3"> : </font> <a href=<رابط منتداك هنــــا/search?search_id=egosearch">
<font size="3">ردودى</font></a></b>
</div> </td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr align="center"> <td class="vbmenu_control"><a href="رابط منتداك هنــــا">الرئيسية</a></td> <td class="vbmenu_control"><a rel="help" href="رابط صفحة القوانين" accesskey="5">القوانين</a></td> <td class="vbmenu_control"><a id="community" href="رابط منتداك هنــــا/groups"="nofollow" /groupsaccesskey="6">المجموعات</a> <script type="text/javascript"> vbmenu_register("community"); </script></td> <td class="vbmenu_control"><a href="رابط مجلة المنتدي ">مجلة المنتدي</a></td> <td class="vbmenu_control"><a href="http://mekkey.hooxs.com/search?search_id=newposts" accesskey="2">المشاركات الجديدة</a></td>
<td class="vbmenu_control"><a id="رابط منتداك هنــــا/search" href="رابط منتداك هنــــا/search" accesskey="4" rel="nofollow">البحث</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td> <td class="vbmenu_control"><a id="usercptools" href="رابط التسجيل الخاص بمنتداك" accesskey="3">التسجيل</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td> <td class="vbmenu_control"><a href="رابط زر الخروج" onclick="return log_out('هل أنت متأكد برغبتك في الخروج من المنتدى؟')">تسجيل الخروج</a></td> </tr> </table>
</div> <!-- / nav buttons bar -->
تحياتي للجميع Cool | |
|