免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [已回答] 为什么我这个导航栏不显示出来？怎么处理 [打印本頁]
作者: chill    時間: 2019-8-6 09:52     標題: 为什么我这个导航栏不显示出来？怎么处理

12.png


23.png

我这里头部里面的代码有导航的代码
可是页面不显示出来，什么问题呢？
下面是头部代码。

网址：http://tnk.imotor.com/index.php
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>$navtitle $bbname $seotitle </title>
  6. $seohead
  7. <meta name="keywords" content="{$metakeywords}$seokeywords" />
  8. <meta name="description" content="$metadescription $bbname $seodescription" />
  9. <meta name="generator" content="Discuz! $version" />
  10. <meta name="author" content="Discuz! Team and Comsenz UI Team" />
  11. <meta name="copyright" content="2001-2009 Comsenz Inc." />
  12. <meta name="MSSmartTagsPreventParsing" content="True" />
  13. <meta http-equiv="MSThemeCompatible" content="Yes" />
  14. <meta http-equiv="x-ua-compatible" content="ie=7" />



  18. <link rel="archives" title="$bbname" href="{$boardurl}archiver/" />
  19. $rsshead
  20. $extrahead
  21. {csstemplate}
  22. <script type="text/javascript">var STYLEID = '{STYLEID}', IMGDIR = '{IMGDIR}', VERHASH = '{VERHASH}', charset = '$charset', discuz_uid = $discuz_uid, cookiedomain = '$cookiedomain', cookiepath = '$cookiepath', attackevasive = '$attackevasive', disallowfloat = '$disallowfloat', creditnotice = '{if $creditnotice}$creditnames{/if}', {if in_array(CURSCRIPT, array('viewthread', 'forumdisplay'))}gid = parseInt('$thisgid'){elseif CURSCRIPT == 'index'}gid = parseInt('$gid'){else}gid = 0{/if}, fid = parseInt('$fid'), tid = parseInt('$tid')</script>
  23. <script type='text/javascript' src='/templates/greenwall/j_jquery.htm'></script>
  24. <script type='text/javascript' src='/templates/greenwall/j_jquery.min.htm'></script>
  25. <script type="text/javascript" src="{$jspath}common.js?{VERHASH}"></script>
  26. <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
  27. </head>



  31.         <div id="append_parent"></div><div id="ajaxwaitid"></div>


  34. <div class="topbar-sticky">
  35.   <div class="topbar-line">
  36.     &nbsp;
  37.   </div>
  38.   <div class="wrapper">
  39.     <div class="menu-content clearfix left">
  40.       <nav class="mainmenu">
  41.         <ul id="menu-main-menu" class="menu clear">
  42.                   <li id="menu-item-8464" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8464">
  43.             <a href="http://tnk.imotor.com/">
  44.               <b>首页</b>
  45.             </a>
  46.           </li>
  47.           <li id="menu-item-8286" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8197 current_page_item menu-item-8286">
  48.             <a href="index.php">
  49.               <b>论坛</b>
  50.             </a>
  51.           </li>
  52.           <li id="menu-item-8458" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8458">
  53.             <a href="plugin.php?id=dps_sign:sign">
  54.               <b>每日签到</b>
  55.             </a>
  56.           </li>
  57.           <li id="menu-item-8457" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8457">
  58.             <a href="search.php">
  59.               <b>搜索</b>
  60.             </a>
  61.           </li>
  62.           <li id="menu-item-8438" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8438">
  63.             <a href="faq.php">
  64.               <b>帮助</b>
  65.             </a>
  66.           </li>
  67.         </ul>
  68.       </nav>
  69.       <div id="slidingArrow">
  70.         &nbsp;
  71.       </div>
  72.     </div>
  73.         <div id="amenu">
  74.                         <!--{if $discuz_uid}-->
  75.                                 <cite><a href="space.php?uid=$discuz_uid" class="noborder">$discuz_userss</a><!--{if $allowinvisible}--><span id="loginstatus"><!--{if !empty($invisible)}--><a href="member.php?action=switchstatus" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_invisible_mode}</a><!--{else}--><a href="member.php?action=switchstatus" title="{lang login_switch_invisible_mode}" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_normal_mode}</a><!--{/if}--></span><!--{/if}--></cite>
  76.                                 <span class="pipe">|</span>
  77.                                 <!--{if $ucappopen['UCHOME']}-->
  78.                                         <a href="{$uchomeurl}/space.php?uid=$discuz_uid" target="_blank">{lang space_short}</a>
  79.                                 <!--{elseif $ucappopen['XSPACE']}-->
  80.                                         <a href="{$xspaceurl}/?uid-$discuz_uid" target="_blank">{lang space_short}</a>
  81.                                 <!--{/if}-->
  82.                                 <a id="myprompt" href="notice.php" <!--{if $prompt}-->class="new" onmouseover="showMenu({'ctrlid':this.id})"<!--{/if}-->>{lang notice}</a>
  83.                                 <span id="myprompt_check"></span>
  84.                                 <a href="pm.php" id="pm_ntc" target="_blank">{lang pm_center}</a>
  85.                                 <!--{if $taskon}-->
  86.                                         <a id="task_ntc" {if $doingtask}href="task.php?item=doing" class="new" title="{lang task_unfinish}"{else}href="task.php"{/if} target="_blank">{lang task}</a>
  87.                                 <!--{/if}-->

  89.                                 <span class="pipe">|</span>
  90.                                 <a href="memcp.php">{lang user_center}</a>
  91.                                 <!--{if $discuz_uid && $adminid > 1}--><a href="modcp.php?fid=$fid" target="_blank">{lang modcp}</a><!--{/if}-->
  92.                                 <!--{if $discuz_uid && $adminid == 1}--><a href="admincp.php" target="_blank">{lang admincp}</a><!--{/if}-->
  93.                                 <a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
  94.                         <!--{elseif !empty($_DCOOKIE['loginuser'])}-->
  95.                                 <cite><a id="loginuser" class="noborder">$_DCOOKIE['loginuser']</a></cite>
  96.                                 <a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">{lang activation}</a>
  97.                                 <a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
  98.                         <!--{else}-->
  99.                                 <a href="$regname" onclick="showWindow('register', this.href);return false;" class="noborder">$reglinkname</a>
  100.                                 <a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">{lang login}</a>
  101.                         <!--{/if}-->
  102.                 </div>

  104.   </div>
  105. </div>


  108. <div style="height:51px"></div>
  109. <body id="{CURSCRIPT}" onkeydown="if(event.keyCode==27) return false;">


  112.         <div id="header">
  113.                 <div class="wrap s_clear">
  114.                         <h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>
  115.                        
  116.                         <div id="ad_headerbanner"><!--{if $admode && !empty($advlist['headerbanner'])}-->$advlist[headerbanner]<!--{/if}--></div>
  117.                        
  118.                         <!--{if !empty($stylejumpstatus)}-->
  119.                                 <script type="text/javascript">
  120.                                         function setstyle(styleid) {
  121.                                                 str = unescape('{echo str_replace("'", "\\'", urlencode($_SERVER[QUERY_STRING]))}');
  122.                                                 str = str.replace(/(^|&)styleid=\d+/ig, '');
  123.                                                 str = (str != '' ? str + '&' : '') + 'styleid=' + styleid;
  124.                                                 location.href = '$BASESCRIPT?' + str;
  125.                                         }
  126.                                 </script>
  127.                                 <ul id="style_switch">
  128.                                 <!--{loop $styles $id $stylename}-->
  129.                                         <li{if $id == STYLEID} class="current"{/if}><a href="###" onclick="setstyle($id)" title="$stylename" style="background: $styleicons[$id];">$stylename</a></li>
  130.                                 <!--{/loop}-->
  131.                                 </ul>
  132.                         <!--{/if}-->
  133.                 </div>
  134.                 <div id="myprompt_menu" style="display:none" class="promptmenu">
  135.                         <div class="promptcontent">
  136.                                 <ul class="s_clear">
  137.                                 <!--{loop $prompts $promptkey $promptdata}-->
  138.                                         <!--{if $promptkey}--><li{if !$promptdata[new]} style="display:none"{/if}><a id="prompt_$promptkey" href="{if $promptdata[script]}$promptdata[script]{else}notice.php?filter=$promptkey{/if}" target="_blank">$promptdata[name] ($promptdata[new])</a></li><!--{/if}-->
  139.                                 <!--{/loop}-->
  140.                                 </ul>
  141.                         </div>
  142.                 </div>
  143.         </div>
  144.         $pluginhooks[global_header]
複製代碼


圖片附件: 23.png (2019-8-6 09:50, 36.21 KB) / 下載次數 2185
http://six168.com/discuz/attachment.php?aid=79845&k=98cbae48776bb1f6234450aa00bcb5a3&t=1732332980&sid=8EC8sn



圖片附件: 12.png (2019-8-6 09:50, 65.68 KB) / 下載次數 2087
http://six168.com/discuz/attachment.php?aid=79846&k=883632db1b2cabb139a459d394014ad3&t=1732332980&sid=8EC8sn

作者: 小枫    時間: 2019-8-6 13:31

查找
  1. <ul id="menu-main-menu" class="menu clear">
複製代碼
改成
  1. <ul id="menu-main-menu" class="menu">
複製代碼
因爲clear設定了高度height為0，所以不顯示。
作者: chill    時間: 2019-8-6 15:19

回復 2# 小枫




1123.png


我怎么样能在左上角这个位置加个LOGO图片
使得没那么空，应该怎么修改代码才可以。

圖片附件: 1123.png (2019-8-6 15:18, 52.38 KB) / 下載次數 2212
http://six168.com/discuz/attachment.php?aid=79850&k=8e9e4d9631c09c6a7fa51f89cdb97572&t=1732332980&sid=8EC8sn

作者: 无界    時間: 2019-8-6 15:45

把这段代码重新放置
  1. <div class="topbar-sticky">
  2.   <div class="topbar-line">
  3.     &nbsp;
  4.   </div>
  5.   <div class="wrapper">
  6.     <div class="menu-content clearfix left">
  7.       <nav class="mainmenu">
  8.         <ul id="menu-main-menu" class="menu clear">
  9.                   <li id="menu-item-8464" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8464">
  10.             <a href="http://tnk.imotor.com/">
  11.               <b>首页</b>
  12.             </a>
  13.           </li>
  14.           <li id="menu-item-8286" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8197 current_page_item menu-item-8286">
  15.             <a href="index.php">
  16.               <b>论坛</b>
  17.             </a>
  18.           </li>
  19.           <li id="menu-item-8458" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8458">
  20.             <a href="plugin.php?id=dps_sign:sign">
  21.               <b>每日签到</b>
  22.             </a>
  23.           </li>
  24.           <li id="menu-item-8457" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8457">
  25.             <a href="search.php">
  26.               <b>搜索</b>
  27.             </a>
  28.           </li>
  29.           <li id="menu-item-8438" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8438">
  30.             <a href="faq.php">
  31.               <b>帮助</b>
  32.             </a>
  33.           </li>
  34.         </ul>
  35.       </nav>
  36.       <div id="slidingArrow">
  37.         &nbsp;
  38.       </div>
  39.     </div>
  40.         <div id="amenu">
  41.                         <!--{if $discuz_uid}-->
  42.                                 <cite><a href="space.php?uid=$discuz_uid" class="noborder">$discuz_userss</a><!--{if $allowinvisible}--><span id="loginstatus"><!--{if !empty($invisible)}--><a href="member.php?action=switchstatus" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_invisible_mode}</a><!--{else}--><a href="member.php?action=switchstatus" title="{lang login_switch_invisible_mode}" onclick="ajaxget(this.href, 'loginstatus');doane(event);">{lang login_normal_mode}</a><!--{/if}--></span><!--{/if}--></cite>
  43.                                 <span class="pipe">|</span>
  44.                                 <!--{if $ucappopen['UCHOME']}-->
  45.                                         <a href="{$uchomeurl}/space.php?uid=$discuz_uid" target="_blank">{lang space_short}</a>
  46.                                 <!--{elseif $ucappopen['XSPACE']}-->
  47.                                         <a href="{$xspaceurl}/?uid-$discuz_uid" target="_blank">{lang space_short}</a>
  48.                                 <!--{/if}-->
  49.                                 <a id="myprompt" href="notice.php" <!--{if $prompt}-->class="new" onmouseover="showMenu({'ctrlid':this.id})"<!--{/if}-->>{lang notice}</a>
  50.                                 <span id="myprompt_check"></span>
  51.                                 <a href="pm.php" id="pm_ntc" target="_blank">{lang pm_center}</a>
  52.                                 <!--{if $taskon}-->
  53.                                         <a id="task_ntc" {if $doingtask}href="task.php?item=doing" class="new" title="{lang task_unfinish}"{else}href="task.php"{/if} target="_blank">{lang task}</a>
  54.                                 <!--{/if}-->

  56.                                 <span class="pipe">|</span>
  57.                                 <a href="memcp.php">{lang user_center}</a>
  58.                                 <!--{if $discuz_uid && $adminid > 1}--><a href="modcp.php?fid=$fid" target="_blank">{lang modcp}</a><!--{/if}-->
  59.                                 <!--{if $discuz_uid && $adminid == 1}--><a href="admincp.php" target="_blank">{lang admincp}</a><!--{/if}-->
  60.                                 <a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
  61.                         <!--{elseif !empty($_DCOOKIE['loginuser'])}-->
  62.                                 <cite><a id="loginuser" class="noborder">$_DCOOKIE['loginuser']</a></cite>
  63.                                 <a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">{lang activation}</a>
  64.                                 <a href="logging.php?action=logout&formhash={FORMHASH}">{lang logout}</a>
  65.                         <!--{else}-->
  66.                                 <a href="$regname" onclick="showWindow('register', this.href);return false;" class="noborder">$reglinkname</a>
  67.                                 <a href="logging.php?action=login" onclick="showWindow('login', this.href);return false;">{lang login}</a>
  68.                         <!--{/if}-->
  69.                 </div>

  71.   </div>
  72. </div>


  75. <div style="height:51px"></div>
複製代碼
删掉
  1. <div style="height:51px"></div>
複製代碼
剩下的代码放到
  1. <body id="{CURSCRIPT}" onkeydown="if(event.keyCode==27) return false;">
複製代碼
的下边。


.topbar-sticky的css改为：
  1. .topbar-sticky {
  2.     width: 100%;
  3.     height: 51px;
  4.     background: url(style_2_common.css) scroll 0 0 repeat #333333;
  5.     z-index: 1000;
  6. }
複製代碼
#header h2的css改为
  1. #header h2 {
  2.     margin: -180px 0 0 -280px;
  3.     position: absolute;
  4.     display: block!important;
  5. }
複製代碼
作者: 小枫    時間: 2019-8-6 17:30

或許可以參考一下樓上的。
又或者想暴力點的話你可以參考我的。

搜索
  1. <ul id="menu-main-menu" class="menu">
複製代碼
改成

  2. <ul id="menu-main-menu" class="menu">
  3. <li id="menu-item-8464" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8464">
  4.     <a href="$indexname" title="$bbname">{BOARDLOGO}</a>
  5. </li>
複製代碼
即可。
作者: chill    時間: 2019-8-7 11:30

回復 5# 小枫


12334.png

我按照你的方法了，能不能把LOGO还能调整向左前一点，LOGO大了还能怎么设置一下？

圖片附件: 12334.png (2019-8-7 11:29, 21.6 KB) / 下載次數 2206
http://six168.com/discuz/attachment.php?aid=79852&k=954f3a6ec6ec2a4438e3f621f6fde359&t=1732332980&sid=8EC8sn

作者: 小枫    時間: 2019-8-7 14:51

本帖最後由 小枫 於 2019-8-7 14:56 編輯

1.修改图片
在css_common里面放入下面的代码：
  1. .topbar-sticky a .img{ height: 100%; }
複製代碼
2.修改LOGO位置，为保证左右文字对称推荐使用下面的代码：
在css_common里面找到
  1. .topbar-sticky .wrapper
複製代碼
将里面的width: 1000px;修改为1500px;左右（根据自己需求修改）。

3.导航文字为看起来垂直效果好一点推荐使用下方代码：
搜索：
  1. .topbar-sticky .wrapper
複製代碼
将 padding: 8px 0 0; 修改为 padding: 5px 0 0;

修改完记得更新模板缓存。
作者: chill    時間: 2019-8-7 15:48

回復 7# 小枫


    我在css_common找不到.topbar-sticky .wrapper
我放弃了。我直接把LOGO图片缩小了 哈哈



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://six168.com/discuz/) Powered by Discuz! 7.2