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