ممكن كود نافبار مثل هذا

ممكن كود نافبار مثل هذا

https://i.servimg.com/u/f55/18/15/89/92/ououoo15.png



وكيفية وضعه
و شكرا

اسفة ما بعرف استشيري خبراء

مرحبا

الكود:

<!-- بداية نافبار--><ul style="top: 0px; right:
0px;" class="menu"><li><a href="رابط منتداك" alt="اسم
منتداك" title="الرئيسية"><img src="بنر
منتداك"></a></li><li><a href="رابط الشات"
target="_blank">الشـات</a></li><li><a
title="المجلــة" href="رابط
المجلة">المجلــة</a></li><li><a title="الاعضاء"
href="#">الأعضاء</a><ul><li><a title="قائمة
الأعضاء" href="/memberlist" class="documents"> » قائمة الأعضاء
</a></li><li><a title="أفضل 20 عضو"
href="/memberlist?mode=overall_posters" class="messages"> » أفضل 20
عضو  </a></li><li><a title="أفضل أعضاء اليوم"
href="/memberlist?mode=today_posters" class="signout"> » أفضل أعضاء
اليوم  </a></li></ul></li><li><a
title="اسألة شائعة" href="/faq">اسألة
شائعة</a></li><li><a title="ما الجديد؟"
href="/search.forum?search_id=newposts" class="documents">ما الجديد؟
 </a></li><li><a title="خيارات سريعة"
href="#"><img
src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png"></a><ul><li><a
 title="جميع مشاركاتي" href="/search.forum?search_id=egosearch"
class="messages"> » جميع مشاركاتي
</a></li><li><a title="مواضيع لم يرد عليها"
href="/search.forum?search_id=unanswered" class="signout"> » مواضيع
لم يرد عليها  </a></li><li><a title="العاب فلاش"
href="ضع رابط منتداك هنا/faq" class="signout"> » العاب فلاش
</a></li></ul></li><a><a
class="mainmenu" href="/"><img id="i_icon_mini_index"
src="http://2img.net/i/fa/empty.gif" border="0"  hspace="0"
alt="الرئيسية" title="الرئيسية" /></a><a class="mainmenu"
href="/gallery/index.htm" target="_blank"><img
id="i_icon_mini_gallery" src="http://2img.net/i/fa/empty.gif"
border="0"  hspace="0" alt="مكتبة الصور" title="مكتبة الصور"
/></a><a class="mainmenu" href="/faq"><img
id="i_icon_mini_faq" src="http://2img.net/i/fa/empty.gif" border="0"
hspace="0" alt="س .و .ج" title="س .و .ج" /></a><a
class="mainmenu" href="/search"
onclick="showhide(document.getElementById('search_menu')); return
false;"><img id="i_icon_mini_search"
src="http://i49.servimg.com/u/f49/16/89/40/74/ooo10.png" border="0"
hspace="0" alt="بحـث" title="بحـث" /></a><script
type="text/javascript">//<![CDATA[
var url_search = '/search';
insert_search_menu();//]]>
</script><a
 class="mainmenu" href="/memberlist" rel="nofollow"><img
id="i_icon_mini_members" src="http://2img.net/i/fa/empty.gif"
border="0"  hspace="0" alt="قائمة الاعضاء" title="قائمة الاعضاء"
/></a><a class="mainmenu" href="/groups"><img
id="i_icon_mini_groups" src="http://2img.net/i/fa/empty.gif"
border="0"  hspace="0" alt="المجموعات" title="المجموعات"
/></a><a class="mainmenu" href="/register"
rel="nofollow"><img id="i_icon_mini_register"
src="http://i49.servimg.com/u/f49/16/89/40/74/oou_oo10.png" border="0"
hspace="0" alt="التسجيل" title="التسجيل" /></a><a
class="mainmenu" href="/login" rel="nofollow"><img
id="i_icon_mini_login" src="http://2img.net/i/fa/empty.gif" border="0"
 hspace="0" alt="دخول" title="دخول"
/></a></a></ul><style type="Text/css">/*
Reset */.menu,.menu ul,.menu li,.menu a {margin: 0; padding: 0;  border:
 none; outline: none;}/* Menu */.menu {height: 42px; width: 100%;
background: #2e2e2e;      position: fixed; box-shadow: 0 3px 5px rgba(0,
 0, 0, 0.3);background: -webkit-linear-gradient(top, #494949 0%,#202020
100%);background: -moz-linear-gradient(top, #494949 0%,#202020
100%);background: -o-linear-gradient(top, #494949 0%,#202020
100%);background: -ms-linear-gradient(top, #494949 0%,#202020
100%);background: linear-gradient(top, #494949 0%,#202020 100%);}.menu
li {position: relative;    list-style: none; float: right;    display:
block;    height: 40px; }/* Links */.menu li a {  display: block;
padding: 0 8px;  margin: 6px 0;  line-height: 30px;text-decoration:
none;  border-left: 1px solid #393942;  border-right: 1px solid
#161616;font-family: Tahoma;  font-weight: bo#ld; font-size: 12px;
color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}.menu li:hover
> a { color: #8fde62; }/* Sub Menu */.menu ul { position: absolute;
top: 40px; left: 0; opacity: 0;  background:
#1f2024;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px
5px;border-radius: 0 0 5px 5px;-webkit-transition: opacity .25s ease
.1s;-moz-transition: opacity .25s ease .1s;-o-transition: opacity .25s
ease .1s;-ms-transition: opacity .25s ease .1s;transition: opacity .25s
ease .1s; }.menu li:hover > ul { opacity: 1;}.menu ul li { height: 0;
 overflow: hidden; padding: 0;-webkit-transition: height .25s ease
.1s;-moz-transition: height .25s ease .1s;-o-transition: height .25s
ease .1s;-ms-transition: height .25s ease .1s;transition: height .25s
ease .1s; }.menu li:hover > ul li { height: 34px;  overflow: visible;
 padding: 0;}.menu ul li a {width: 130px;  padding: 4px 0 4px 40px;
margin: 0; border: none; border-bottom: 1px solid #353539;}.menu ul
li:last-child a { border: none; }</style><!-- نهاية
النافبار-->

الكود الثاني

الكود:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" ><html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" lang="ar"><head><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="-1" /><meta http-equiv="Cache-Control" content="no-cache" /><meta http-equiv="Content-Type" content="text/html; charset=windows-1256" /><meta name="generator" content="vBulletin 3.8.7" /><meta name="keywords" content="شبكة - فرسان - تصميم - العاب - مسابقات - استايلات - اعتمادات - دردشة - في بي - صداقة - vb - cool amir - ابداع" /><meta name="description" content="شبكة - فرسان - تصميم - العاب - مسابقات - استايلات - اعتمادات - دردشة - في بي - صداقة - vb - cool amir - ابداع" /><style type="text/css" id="vbulletin_css">/*** vBulletin 3.8.7 CSS*/@import url("http://www.3asq.com/clientscript/vbulletin_css/style-706f6eb8-00080.css");</style><link rel="stylesheet" type="text/css" href="http://www.3asq.com/clientscript/vbulletin_important.css?v=387" /><script type="text/javascript" src="http://www.3asq.com/clientscript/yui/yahoo-dom-event/yahoo-dom-event.js?v=387"></script><script type="text/javascript" src="http://www.3asq.com/clientscript/yui/connection/connection-min.js?v=387"></script><script type="text/javascript"><!--
var SESSIONURL = "";var SECURITYTOKEN = "guest";var IMGDIR_MISC = "max7_3asq/misc";var vb_disable_ajax = parseInt("0", 10);// -->function showSpoiler(block) {  block.nextSibling.nextSibling.style.display ="block";  block.parentNode.removeChild(block);  }</script><script type="text/javascript" src="http://www.3asq.com/clientscript/vbulletin_global.js?v=387"></script><script type="text/javascript" src="http://www.3asq.com/clientscript/vbulletin_menu.js?v=387"></script><script type="text/javascript" src="http://www.3asq.com/max7_3asq/js/modernizr.custom.79639.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><link href="http://www.3asq.com/max7_3asq/css/font-awesome.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://www.3asq.com/max7_3asq/js/jquery.infinitecarousel3.min.js"></script><script type="text/javascript" src="http://www.3asq.com/max7_3asq/js/easing.js"></script><script type="text/javascript">$(function(){$('.carousel').infiniteCarousel({imagePath: 'max7_3asq/images/',transitionSpeed:600,displayTime: 6000,internalThumbnails: false,thumbnailType: 'count',customClass: 'myCarousel',progressRingColorOpacity: '0,0,0,.9',progressRingBackgroundOn: false,margin: 22,easeLeft: 'easeOutBounce',easeRight:'easeOutBounce',inView: 4,advance: 2,autoPilot: true,prevNextInternal: false,autoHideCaptions: false});});</script><script type="text/javascript" src="http://www.3asq.com/max7_3asq/js/organictabs.jquery.js"></script><script type="text/javascript">$(function() {$("#example-one").organicTabs();$("#example-two").organicTabs({"speed": 200});});</script><script type="text/javascript" src="http://www.3asq.com/3asq-v2-2steps/js/jquery.easing.1.3.js"></script><script type="text/javascript" src="http://www.3asq.com/3asq-v2-2steps/js/jquery.tipsy.js"></script><script type="text/javascript" src="http://www.3asq.com/3asq-v2-2steps/js/tabcontent.js"></script><script type="text/javascript" src="http://www.3asq.com/3asq-v2-2steps/js/jquery.carouFredSel-5.5.0.js"></script><script type="text/javascript" src="http://www.3asq.com/3asq-v2-2steps/js/custom.js"></script></head><body><script type="text/javascript">var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-5497861-1']);_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();</script><div class="bgr01"><div class="bgr02"><div style="margin:0px auto;width:984px"><div style="height:37px;padding-top:6px"><ul class="links1"><li style="margin-left:10px"><a href="/" class="l-00" title="الذهاب للرئيسية"><span>الذهاب للرئيسية</span></a></li><li><a href="/" class="l-0" title="المنتدى">المنتدى</a></li></ul><ul class="links2"><li><a href="/search" class="l-1">البحث</a></li><li><a href="/faq" class="l-2">التعليمات</a></li><li><a href="register" class="l-3">التسجيل</a></li><li><a href="http://www.stibda3.com/f34-montada" class="l-4">ADVERTISE WITH US - أعلن لدينا</a></li><li><a href="/contact" class="l-5">اتصل بنا</a></li></ul><div class="src-bg1"></div></div><div style="height:46px"><div class="loginbox"><div style="position:relative"><form style="margin:0px;padding:0px" class="form-5" action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"><script type="text/javascript" src="http://www.3asq.com/clientscript/vbulletin_md5.js?v=387"></script><input type="text" class="usrname1" style="font-size: 11px" name="username" id="username" size="10" accesskey="u" tabindex="101" value="اسم العضو" onblur="if(this.value=='')this.value='اسم العضو' " onfocus="if (this.value == 'اسم العضو') this.value = '';" /><div class="chkbox2"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /> تذكرني !</div><input type="password" class="passwd1" style="font-size: 11px" name="password" id="password" size="10" tabindex="102"  onblur="if(this.value=='')this.value='password ' " onfocus="if(this.value=='password ')this.value=''" value="password " /><div style="position:absolute;top:2px;right:380px;width:61px;height:33px"><button type="submit" class="buttonx2" value="" name="login" tabindex="104" ><i class="icon-arrow-left"></i><span>دخول</span></button></div><input type="hidden" name="s" value="" /><input type="hidden" name="securitytoken" value="guest" /><input type="hidden" name="do" value="login" /><input type="hidden" name="vb_login_md5password" /><input type="hidden" name="vb_login_md5password_utf" /></form></div></div><ul class="regst-lnk"><li><a href="/profile?mode=sendpassword">نسيت كلمة المرور؟</a></li><li>|</li><li><a href="register">عضوية جديدة</a></li></ul></div><div style="height:7px"></div><div style="height:97px"><div class="bann-1"></div><div class="hs-wrapper2 preview-fade">

شكرا بس في مشكلة في الكود
اين صورتي و اسمي و لماا يوجد كلمة عضو جديد
https://i.servimg.com/u/f55/18/15/89/92/ououoo16.png

ممكن حل

اخي هذا المجود معي
2

كود جديد نافبار اعلاه