系统后台管理平台

编辑模板 sites/drag_demo_sites/sites/item/search.html

创建模板备份

<link rel="stylesheet" type="text/css" href="{$SKIN}search/style.css" />
<div class="container search_outbox">
	<div class="row">
		<div class="col-md-3 col-sm-3 col-xs-12">
			<div class="search_left">
				<div class="logo">
					<a href="{$core.url}"><img src="{$SKIN}search/logo.gif" border="0" /></a>
				</div>
			</div>
		</div>
		<div class="col-md-9 col-sm-9 col-xs-12">
			<div class="search_right">
				<div class="searchhead">
					<div class="search_box">
						<form name="form1" action="" method="get">
							<div class="search_buttom">
								<input name="keyword" type="text" class="search_input" onblur="if(this.value=='')this.value='请输入搜索关键字'" onfocus="if(this.value=='请输入搜索关键字')this.value=''" value="请输入搜索关键字" /><input type="image" class="search_bottom"  align="top" src="{$SKIN}search/buttom.gif" /><span class="search_checkbox"><input  name="" align="top" type="checkbox" value="" onclick="$('#search_more').toggle();" /> 高级搜索</span>
							</div>
							<div class="clear"></div>
							<div class="search_more" id="search_more" style="display:none">
								模型：
								<select name="">
									<option value="article">文章</option>
									<option value="product">产品</option>
									<option value="solution">解决方案</option>
									<option value="down">下载</option>
								</select>
								栏目：
								<select name="">
									<option value="news">新闻中心</option>
									<option value="news">产品中心</option>
								</select>
								时间：<input name="" type="text" size="5"/> - <input name="" type="text" size="5"/>
							</div>
						</form>
					</div>
				</div>
				<div class="clear"></div>
				<div class="search_info">
					<span class="fleft" style="margin-left:20px">找到相关内容 <strong style="color:#FF0000">{$count}</strong> 篇， 用时 <strong style="color:#FF0000">{$usetime}</strong> 秒</span>
				</div>
				<div class="search_content">
					<ul>
						
						
						<li class="search_result">
							<div class="title">
								<a href="$value[url]" target="_blank" class="item_title">$value[title]</a>
							</div>
							<div class="item_summary">
								$value[summary]
							</div>
							<div class="suctime">
								<a href="$value[url]" target="_blank">$value[url]</a> <span class="label_category">【<a href="$value[category_url]" target="_blank">$value[category_name]</a>】</span>
							</div>
						</li>
						
					</ul>
					<div style="text-align:center;margin-top:50px;" class="pages">
						$pages
					</div>
					<script type="text/javascript">
					$(function(){
						$('#search_top span').each(function (i){ $(this).click( function(){ $('#search_top span').removeClass();$(this).addClass('over');})});
						var keywords = ''.replace(/[\+\-\*\|\!]/g, '').split(/\s+/);
						$('.search_result').each(function(){
						for(var i = 0; i < keywords.length; i++){
							var html = $(this).find('.item_title').get(0).innerHTML;
							$(this).find('.item_title').get(0).innerHTML = html.replace(keywords[i], '<font color="red">'+ keywords[i] +'</font>', 'ig');
							var html = $(this).find('.item_summary').get(0).innerHTML;
							$(this).find('.item_summary').get(0).innerHTML = html.replace(keywords[i], '<font color="red">'+ keywords[i] +'</font>', 'ig');
						}
					});
				});
				</script>
				</div>
			</div>
		</div>
	</div>
</div>