小站模板头部模板小修改(去除热门搜索)小记

昨天尝试用手机看电脑版本站zblog的时候,发现在搜索框的地方出现文字“热门搜索”和“搜索”的重叠现...

昨天尝试用手机看电脑版本站zblog的时候,发现在搜索框的地方出现文字“热门搜索”和“搜索”的重叠现象,如图:

后来仔细看代码的时候看见是由于当初修改该模板的时候把热门搜索的div一起给带过来了,原模板是默认不启用这个功能的,但是还有这个代码,用<-- -->给停用了,后来我给启用了,当初在电脑上测试还没有注意这个问题,昨天才看见这个不应该出现的,不符合改造的目的,所以现在给删除了。具体过程:

1.从远程服务器下载头部文件header.html文件,删除如下代码:

 <div class="hot_tags">
热门搜索
:{#YT:Tag DataSource="GetTagLists(6)"}
<a href="{$Tag.HtmlUrl}" title="{$Tag.HtmlName}" target=_blank>
{$Tag.HtmlName}</a>
{/#YT:Tag} 
</div>

(注:上面的代码中的#在原代码中并没有,如果不加会出现页面错误)

保存,上传替换原文件。

2.从远程服务器下载css样式文件,删除相关代码:

.hot_tags {display:inline;white-space:nowrap;position:relative;
LEFT:0;top:5px; COLOR:#FFF;font-weight:bold}
.hot_tags a {margin-right:10px;color:#FFF;
 font-weight:normal}.hot_tags a:HOVER{color: #e36c09;}

保存,上传并替换原文件。

3.全部重建下,YTBuild一下。

4.修改相关的运用头部文件的文件,如404页面(把该html文件里的该代码删除就可以了)

404删除代码(已经生成的404页面):

 <div class="hot_tags">热门搜索:
<a href="https://www.tusay.net/archives/tags-xp.html"
 title="xp" target=_blank>xp</a> 
<a href="https://www.tusay.net/archives/tags-z%2Dblog.html"
 title="z-blog" target=_blank>z-blog</a> 
<a href="https://www.tusay.net/archives/tags-win7.html"
 title="win7" target=_blank>win7</a> 
<a href="https://www.tusay.net/archives/tags-%E6%95%85%E9%9A%9C.html"
 title="故障" target=_blank>故障</a> 
<a href="https://www.tusay.net/archives/tags-%E8%B7%AF%E7%94%B1%E5%99%A8.html"
 title="路由器" target=_blank>路由器</a> 
<a href="https://www.tusay.net/archives/tags-%E5%B0%8F%E7%B1%B3.html"
 title="小米" target=_blank>小米</a> 
</div>

5.测试是否正常,如出现问题再次整改。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请通知我们,一经查实,本站将立刻删除。


客服