湖中沉 发表于 2011-3-14 13:29:48

仿DSU的顶部固定导航条

下面是CSS文件 <style>

.top_bar{position:fixed;top:0;background:#FAF5F5;border-bottom:1px solid #CDCDCD;padding:5px 15px; margin-bottom:15px;height:18px;line-height:18px;font-size:12px;width:100%;z-index:80;}.top_bar_right{float:right;padding-right:20px;}
.top_bar .new{background-repeat:no-repeat;padding:0 0 2px 20px;color:red;font-weight:bolder;}
.pipe{margin:0 5px;color:#CCC;}
</style>
下面是顶部导航代码，我已经加了调用的代码，大家直接添加在头部就行了具体位置请参照官方:
<div class="top_bar">
<div class="top_bar_right">
<!--{if $_G['uid']}-->
                              <strong><a href="home.php?mod=space&uid=$_G" class="vwmy" target="_blank" title="{lang visit_my_space}">{$_G}</a></strong>
                              <!--{if $_G['group']['allowinvisible']}--><span id="loginstatus" class="xg1"><a href="member.php?mod=switchstatus" title="{lang login_switch_invisible_mode}" onClick="ajaxget(this.href, 'loginstatus');doane(event);"><!--{if $_G['session']['invisible']}-->{lang login_invisible_mode}<!--{else}-->{lang login_normal_mode}<!--{/if}--></a></span><!--{/if}-->
                              <span class="pipe">|</span><span id="usercredit" class="showmenu" onMouseOver="showMenu(this.id);"><a href="http://www.dsu.cc/home-spacecp-ac-credit.html">{lang credits}</a></span>
                              <span class="pipe">|</span><span id="usersetup" class="xg1 showmenu" onMouseOver="showMenu(this.id);"><a href="home.php?mod=spacecp">{lang setup}</a></span><span class="pipe">|</span>
                <a href="{if $_G['uid']}home.php{else}javascript:;{/if}" id="qmenu" onMouseOver="showMenu(this.id)">{lang my_center}</a>
                              <span class="pipe">|</span><a href="home.php?mod=space&do=notice" id="myprompt"{if $_G} class="new"{/if}>{lang remind}<!--{if $_G}-->($_G)<!--{/if}--></a><span id="myprompt_check"></span>
                              <span class="pipe">|</span><a href="home.php?mod=space&do=pm" id="pm_ntc"{if $_G} class="new"{/if}>{lang pm_center}<!--{if $_G}-->($_G)<!--{/if}--></a>
                              <!--{if $_G['group']['allowmanagearticle'] || $_G['group']['allowdiy'] || in_array($_G['uid'], $_G['setting']['ext_portalmanager'])}--><span class="pipe">|</span><a href="portal.php?mod=portalcp">{lang portal_manage}</a><!--{/if}-->
                              <!--{if $_G['uid'] && $_G['group']['radminid'] > 1}--><span class="pipe">|</span><a href="forum.php?mod=modcp&fid=$_G" target="_blank">{lang forum_manager}</a><!--{/if}-->
                              <!--{if $_G['uid'] && ($_G['group']['radminid'] == 1 || $_G['member']['allowadmincp'])}--><span class="pipe">|</span><a href="admin.php" target="_blank">{lang admincp}</a><!--{/if}-->
                              <span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
                        <!--{elseif !empty($_G['cookie']['loginuser'])}-->
                              <strong><a id="loginuser">$_G['cookie']['loginuser']</a></strong>
                              <span class="pipe">|</span><a href="member.php?mod=logging&action=login" onClick="showWindow('login', this.href);hideWindow('register');">{lang activation}</a>
                              <span class="pipe">|</span><a href="member.php?mod=logging&action=logout&formhash={FORMHASH}">{lang logout}</a>
                        <!--{else}-->
                              <a href="member.php?mod={$_G}" onClick="showWindow('register', this.href);hideWindow('login');">$_G['setting']['reglinkname']</a>
                              <span class="pipe">|</span><a href="member.php?mod=logging&action=login" onClick="showWindow('login', this.href);hideWindow('register');">{lang login}</a>
                        <!--{/if}-->
</div>
<div class="top_bar_left">
<a href="#">论坛首页</a><span class="pipe">|</span>
<a href="#">商业源码</a><span class="pipe">|</span>
<a href="#">PSD素材</a><span class="pipe">|</span>
<a href="#">插件下载</a><span class="pipe">|</span>
<a href="#">模板风格</a><span class="pipe">|</span>
<a href="#">网页代码</a><span class="pipe">|</span>
<a href="#" id="new_plugin" onMouseOver="showMenu(this.id)" class="showmenu">最近更新插件</a><span class="pipe">|</span>


      </div>
    </div>
    <div id="usercredit_menu" class="p_pop" style="display: none; zoom: 1;width:110px;">
            <ul><!--{eval $upgradecredit = $_G['uid'] && $_G['group']['grouptype'] == 'member' && $_G['group']['groupcreditslower'] != 999999999 ? $_G['group']['groupcreditslower'] - $_G['member']['credits'] : false;}-->
                                        <li> <a href="home.php?mod=spacecp&ac=credit">{lang credits}: $_G</a><!--{loop $_G['setting']['extcredits'] $extcreditid $extcredit}--><!--{if empty($extcredit['hiddeninheader'])}--> </li> <li><a href="home.php?mod=spacecp&ac=credit" id="hcredit_$extcreditid">{$extcredit}$extcredit: <!--{echo getuserprofile('extcredits'.$extcreditid);}--></a> {$extcredit}<!--{/if}--><!--{/loop}--> </li> <li> <a href="home.php?mod=spacecp&ac=usergroup"{if $upgradecredit !== 'false'} id="g_upmine" class="xi2" onMouseOver="showMenu({'ctrlid':this.id, 'pos':'21'});"{/if}>{lang usergroup}:$_G</a></li>

</div>
<div id="new_plugin_menu" class="p_pop" style="display: none; zoom: 1;">
<ul><li><a href="http://www.dsu.cc/thread-29576-1-1.html">快捷回复 1.5</a></li>
<li><a href="http://www.dsu.cc/thread-35703-1-1.html">打卡机（签到简洁版） 2.3</a></li>
<li><a href="http://www.dsu.cc/thread-27298-1-1.html">每日签到 3.0</a></li>
</ul>
</div>

kumotobi 发表于 2011-3-30 14:09:56

有演示图没有？

nickzzzz 发表于 2011-3-30 17:17:23

我昨天在群里发了图的.....对于2.0来说还是不要那个固定的导航条好点

空中加油站 发表于 2011-5-30 07:24:43

到底是2.0好 还是1.5好呢我都在纠结升不升级

zxcdh 发表于 2011-6-16 08:28:41

学习了 顶顶更健康
页: [1]
查看完整版本: 仿DSU的顶部固定导航条