ZBlogPHP主题模板制作教程_自定义搜索页面search.php

Z-Blog PHP自带的站内搜索不是很理想,样式不是很好看。下面小V给大家介绍一下如何自定义搜索页面search.php文件,方便我们制作搜索样式。在主题xvblog里面template新建一个search.php文件,Z-Blog PHP系统自带的search.php文件就会失效,下面是详细操作。


——新建一个search.php,写入以下代码。

搜索源代码.jpg ZBlogPHP主题模板制作教程_自定义搜索页面search.php ZBlog主题模板制作

PHP
{template:header}<body><div class="wrapper"><div class="header">  <div class="logo"><h1><a href="{$host}">{$name}</a></h1><samp>{$subname}</samp></div>  <div class="search"><form name="search" method="post" action="{$host}zb_system/cmd.php?act=search"><span><input type="text" name="q" size="11"  class="search-text" placeholder="输入搜索内容"/></span><input type="submit" class="search-submit" value=""/></form></div>  <div class="nav"><ul>{module:navbar}</ul></div>  <div class="social-links"><a href="http://wpa.qq.com/msgrd?v=3&uin=642062966&site=qq&menu=yes" class="qq" target="_blank"></a></div></div><!--header .End--><div class="main"><div class="center"><div class="center-c"><h2>{$article.Title}</h2></div>{if $article.Content}	{foreach $articles as $article}{php}$temp=mt_rand(1,8);$pattern="/<[img|IMG].*?src=[\'|\"](.*?(?:[\.gif|\.jpg|\.png]))[\'|\"].*?[\/]?>/";$content = $article->Content;preg_match_all($pattern,$content,$matchContent);if(isset($matchContent[1][0])) $temp=$matchContent[1][0];else$temp=$zbp->host."zb_users/theme/$theme/style/images/random/$temp.jpg";{/php}<div class="list"><div class="list-img"><a href="{$article.Url}" title="{$article.Title}"><img src="{$temp}"/></a><div class="list-l"><div class="list-meta">时间:{TimeAgo($article.Time())} / 阅读:{$article.ViewNums} / 评论:{$article.CommNums}</div><h3 class="list-title"><a href="{$article.Url}" title="{$article.Title}">{$article.Title}</a></h3></div></div><div class="list-content"><a href="{$Content.Url}">{SubStrUTF8(TransferHTML($article.Intro,"[nohtml]"),150)}</a></div></div>{/foreach}{else}<div class="list"><h4>搜索失败,请重新输入“关键词”!</h4></div>{/if}<div class="pagebar">{template:pagebar}</div> </div></div><div class="sidebar">{template:sidebar}</div>{template:footer}
CSS

——搜索页面search.php CSS样式。

.list h3{padding:20px;display:block;}


转载请说明出处内容投诉
zblog资源网 » ZBlogPHP主题模板制作教程_自定义搜索页面search.php

发表评论

欢迎 访客 发表评论

加入会员,享受更优质的zblog技术服务!

马上加入 会员说明 联系客服