提供zblog模板_zblog主题_wordpress模板的下载和定制

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

天兴工作室 2014-03-18 教程 7710 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付费定制。


没有找到解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合

社交账号登录

将本文分享给你的朋友们