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

Rank: 2

積分
93 
威望
93  
金錢
42  
最後登錄
2020-4-1 
1# 跳轉到 » 倒序看帖
打印
tT
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]
複製代碼
收藏 分享

Rank: 4

積分
817 
威望
817  
金錢
420  
最後登錄
2021-4-22 

中級會員高級會員
2#
小枫發表於 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，所以不顯示。
❤ 小小阿言酱 ❤

TOP

Rank: 2

積分
93 
威望
93  
金錢
42  
最後登錄
2020-4-1 
3#
chill發表於 2019-8-6 15:19 | 只看該作者
回復 2# 小枫




1123.png


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

TOP

Rank: 7Rank: 7Rank: 7

積分
5068 
威望
5068  
金錢
2878  
最後登錄
2024-11-19 

熱心會員貢獻特別級會員資深版主正式版主中級會員高級會員金牌會員論壇元老
4#
无界發表於 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. }
複製代碼
爱秀代码

TOP

Rank: 4

積分
817 
威望
817  
金錢
420  
最後登錄
2021-4-22 

中級會員高級會員
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>
複製代碼
即可。
❤ 小小阿言酱 ❤

TOP

Rank: 2

積分
93 
威望
93  
金錢
42  
最後登錄
2020-4-1 
6#
chill發表於 2019-8-7 11:30 | 只看該作者
回復 5# 小枫


12334.png

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

TOP

Rank: 4

積分
817 
威望
817  
金錢
420  
最後登錄
2021-4-22 

中級會員高級會員
7#
小枫發表於 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;

修改完记得更新模板缓存。
❤ 小小阿言酱 ❤

TOP

Rank: 2

積分
93 
威望
93  
金錢
42  
最後登錄
2020-4-1 
8#
chill發表於 2019-8-7 15:48 | 只看該作者
回復 7# 小枫


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

TOP

返回列表