۱۳۹۲/۶/۱۰، ۱۲:۱۶:۴۹ عصر
با کد شما میتونید یک منو ثابت رو داشته باشید.
این کد رو در هدر قبل از تمام کدها قرار بدید:
دمو:
http://neopersia.org/online_html_editor/
اعتبار و سپاس فراموش نشه.
این کد رو در هدر قبل از تمام کدها قرار بدید:
کد php:
<script type="text/javascript" src="http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/jquery00.js"></script>
<script type="text/javascript" src="http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/jquery01.js"></script>
<script type="text/javascript" src="http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/jQuery02.js"></script>
<style>
.demo-wrap {
width: 100%;
margin: 0 auto;
font:12px Tahoma;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
input[type=submit].demo-theme {
background: red url(http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/navsel00.png) repeat-x;
color: #FFCC00;
position: relative;
margin: 4px 0 0;
float:none;
top:-1px;
pointer:cursor;
padding: 5px;
font-size:11px;
border:1px solid red;
text-shadow: 1px 1px #0e3d63 !important;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.demo-logo {
background: red url(http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/navsel00.png) repeat-x;
color: #FFCC00;
position: relative;
margin: 0;
float:left;
top:-1px;
pointer:cursor;
padding: 12px 20px;
border:1px solid #990000;
border-top:none;
text-shadow: 1px 1px #0e3d63 !important;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#demo-header {
font-family: Tahoma, Arial, Sans-Serif;
width:100%;
height:0;
z-index:999999999999999;
position:fixed;
top:0;
left:0;
}
#demo-select select{
background:#FFCC00;
color:#000;
padding: 0px;
height:28px;
padding:4px;
font:12px Tahoma;
border:1px solid #dadada;
outline:1px solid #FFCC00;
text-shadow:none;
}
#demo-select select option {
background:#FFCC00 !important;
color:#000;
padding: 5px;
font:12px Tahoma;
text-shadow:none;
}
.demo-menu {
background: #FFCC00 url(http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/navbg000.png) repeat-x;
text-align: left;
position: relative;
height: 38px;
line-height: 32px;
}
#demo-select {
position:absolute;
right:5px;
top:2px;
}
.demo-menu ul {
color: #000000;
text-shadow: 0 -1px #FFCC00;
float: left !important;
position: relative;
top: -7px;
height: 38px;
margin: 0;
padding: 0 0 0 0px;
}
.demo-menu ul li {
position: relative;
margin: 0;
float:left;
list-style:none;
padding: 10px 21px !important;
text-shadow: 1px 1px #fff;
}
.demo-menu ul li a:hover {
}
.demo-menu ul a:link {
color: #0f5188;
text-decoration: none;
}
.demo-menu ul a:visited {
color: #0f5188;
text-decoration: none;
}
.demo-menu ul a:hover, .demo-menu ul a:active {
color: #000;
text-decoration: none;
}
.demo-close {
float:right;
top:0px;
right:25px;
pointer:cursor;
font-size:11px;
padding: 5px 20px;
}
.demo-close a, .demo-logo a {
color:#FFCC00 !important;
}
.demo-close a:hover {
text-decoration:none;
}
</style>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('body').demobar();
});
</script>
<div id="demo-header">
<div class="demo-wrap">
<div class="demo-menu">
<!-- My-BB.Ir -->
<ul>
<li><a href="#top">بازگشت به بالا</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">راهنما</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">RSS</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">سالنامه</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">ليست کاربران</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">جستجو</a></li>
<li><a href="{$mybb->settings['bburl']}/portal.php">سردر</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">صفحه اصلي</a></li>
</ul>
</div>
<div class="demo-logo demo-show demo-close"><a href="#"></a></div>
</div></div>
دمو:
http://neopersia.org/online_html_editor/
اعتبار و سپاس فراموش نشه.