묻고답하기
검색창 수정을 이렇게 하려는데.. ^^;
2010.11.20 22:57
현재 제 홈피의 검색창입니다. ↓
이렇게 변경하고 싶습니다. ↓
결론부터 말씀드렸네요. ^^;
-------------------------------------------------------------------------------------
1.
현재 제 검색창은,
(제목 or 제목+내용 or 덧글 or 닉네임) 등등을 먼저 선택한 다음에, 검색어를 입력하고 '검색' 글씨를 누르게 돼 있습니다..
그런데 제가 만들고 싶은 검색창은, 항목을 선택하는 게 아니라, 무조건 통합 검색을 하고 싶습니다.
(예를 들어, 닉네임 '바람'이 쓴 글이 있고, 내용에 '바람'이 들어간 글이 또 있으면 두 글 다 검색되게요..^^;)
-------------------------------------------------------------------------------------
2.
현재는 버튼이 '검색'이라고 글자가 나오는데
위 그림처럼, 제가 원하는 돋보기 등의 이미지로 대체하고 싶습니다. 어떻게 하면 될까요? ^^;
(검색어 입력 넓이도 위처럼 더 넓게 늘리고 싶습니다.)
-------------------------------------------------------------------------------------
white.css 파일 중 검색창 부분입니다.
/* Search Form */
.boardSearch select { border:1px solid; border-color:#efefef #efefef #efefef #efefef; height:16px; }
.boardSearch input { background-color:#ffffff; border:1px solid; border-color:#efefef #efefef #efefef #efefef; height:12px; font:8pt dotum; color:#808080; vertical-align:top; }
#fo_search select { font:8pt Verdana; background-color:#ffffff; color:#808080; vertical-align:top; }}
-------------------------------------------------------------------------------------
common.css 파일 중 검색창 부분입니다.
/* Search Form */
.boardSearch {margin-top:5px; margin-left:auto; margin-right:auto; padding-bottom:15px; clear:both; text-align:center; vertical-align:top;}
.boardSearch select { height:20px; }
.input-search {background-color:#ffffff; border-color:#EFEFEF; font-family:verdana,tahoma; font-size:8pt; border-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; line-height:100%}
-------------------------------------------------------------------------------------
list.html 파일 중 검색창 부분입니다.
<!-- 검색 -->
<view">!--@if($grant->view && $module_info->default_style != 'blog')-->
<div class="boardSearch">
<form action="{getUrl()}" method="get" onsubmit="return procFilter(this, search)" id="fo_search">
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="category" value="{$category}" />
<select name="search_target">
<!--@foreach($search_option as $key => $val)-->
<option value="{$key}" <selected="selected">{$val}!--@if($search_target==$key)-->selected="selected"<!--@end-->>{$val}</option>
<!--@end-->
</select>
<input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" class="inputTypeText"/>
<!--@if($last_division)-->
<a href="{getUrl('page',1,'document_srl','','division',$last_division,'last_division','')}" class="button"><span>{$lang->cmd_search_next}</span></a>
<!--@end-->
<a href="#" onclick="xGetElementById('fo_search').submit();return false;" class="button"><span>{$lang->cmd_search}</span></a>
</form>
</div>
<!--@end-->