کد منوی ثابت بسیار زیبا در بالای صفحه

این کد با استفاده از CSS طراحی شده و جلوه های بسیار زیبایی دارد و با رفتن روی هر لینک ، بقیه لینک ها تار می شوند. توصیه میشود قبل از استفاده ، دمو را ببینید.

دمو

<style> #WebYar-fixed1 { position: fixed; margin-left:0cm; margin-right:0cm; margin-top:0in; margin-bottom:0px;; width: 100%; text-align:center; height: 31px; padding-top:9px; background-color:white; background:url(https://rozup.ir/up/webyar/BG.jpg) ; font-size: 16px; font-family: b homa; -moz-border-radius: 6px; -webkit-border-radius: 6px; }</style> <div id="WebYar-fixed1"><style> .top_menu { width:900; height:57px; margin:0 0 0 50px } .top_menu ul { height:57px; margin:0 0 0 10px; position:relative; z-index:10; margin: center; list-style:none; } .top_menu ul li { float:right; background:url() no-repeat left; padding:0 0 0 px; margin:5px 15px 0 0; line-height:14px } .top_menu ul li a { font-family: Tahoma; font-size:14px; color: rgba(156,156,156,0); text-shadow: 0 0 0 #919c9c; outline: 0 none; -webkit-transition: 400ms ease 100ms; -moz-transition: 400ms ease 100ms; -o-transition: 400ms ease 100ms; transition: 400ms ease 100ms; text-decoration:none; } .top_menu ul:hover li a { text-shadow: 0 0 3px #9c9c9c; } .top_menu ul li a:hover { text-shadow: 0 0 0 #9c9c9c; } </style> <div class="top_menu"> <ul> <b> <li><a href="/">خــانــه</a></li> <li><a target="_blank" href="/forum">انــجــمــن</a></li> <li><a target="_blank" href="/register"> عــضــويــت</a></li> <li><a target="_blank" href="/contact"> تــمــاس بــا مــا</a></li> <li><a target="_blank" href="/login"> ورود کـاربــران</a></li> <li><a target="_blank" href="/RSS.xml"> RSS</a></li> <li></li><li></li><li></li> <li><a target="_blank" href="http://WebYar.rozblog.com"> طــــــراح</a></li> </b> </ul> </div> </div>

از شما عاجزانه تقاضا داریم لینک طراح را حذف نکنید...