注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:网站首页 教程 正文

zblog搜索页面模板的制作和美化

天兴工作室管理 2014-03-18 教程 3996 ℃ 0 评论

zblog搜索结果页面的调用的默认页面,出来的效果很多朋友都觉得很不美观,但是zblog从2.0后就吧搜索模板改成了可选的了,要修改也没有办法修改,天兴工作室为大家介绍下怎么制作zblog的搜索模板。

zblogasp版本的搜索页面可以用以下三个模板组成:

search.html:搜索页面整个页面的模板

b_article-page1.html:搜索页面结果模板

b_article-search-content.html:搜索页面结果内容模板

它们的关系是这样的,b_article-search-content.html是搜索出来的结果按条显示,b_article-page1.html就是把b_article-search-content.html框起来的,search.html是搜索页面出来的页面。

上下代码吧,search.html:

<#TEMPLATE_HEADER#>
<div id="place">当前位置:<a href="<#ZC_BLOG_HOST#>">首页</a> &gt; <#BlogTitle#></div>
<div id="content">
<div id="left">
<#template:article-page1#> 
</div>
<div id="rigth"><#TEMPLATE_SIDEBAR#></div>
</div>
<#TEMPLATE_FOOTER#>

b_article-page1.html:

<dl id="info">
<dd id="tlite"><h1><#article/title#></h1></dd>        
<dd id="zi"><#article/content#></dd>
</dl>

b_article-search-content.html:

<dl id="lieb1">
<dd><h2><a href="<#article/url#>"><#article/title#></a></h2>
<div><#article/intro#></div>
<small>发布于:<#article/posttime#>  浏览:<span id="spn<#article/id#>"></span>
<script  type="text/javascript">strBatchView+="spn<#article/id#>=<#article/id#>,"</script>次 <#article/commnums#>人评论</small></dd></dl>

大家可以根据自己需求调整css,最终会出来一个美观的搜索结果页面的。也可以联系我们的在线QQ:1109856918付费定制。

赞 (2)

这么好的文章居然暂无评论!来一个吧...

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章