에티테마 상단에 그림처럼 검색창 달기
페이지 정보
작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 20-11-24 18:46본문
에티테마에 전체검색 넣는방법 입니다.
보시는 이미지와 같이 수정할 수 있습니다.
테마폴더에 head.php 를 열어보시면 123번째줄에
[교체전]
<div class="container top-main">
<div class="row pt10 pb10">
<div class="col-md-6 text-left">
<a class="navbar-brand logo1" href="<?php echo G5_URL ?>" class="logo" alt="<?php echo $config['cf_title']; ?>"><img src="<?php echo G5_THEME_URL ?>/img/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div><!-- /col -->
<div class="col-md-6 text-right pt10 pr20">
<a href="<?php echo G5_URL?>"><span>미디어</span></a> |
<a href="http://www.softzone.co.kr" target="_blank"><span>포트폴리오</span></a>
</div><!-- /col -->
</div><!-- /row -->
</div>
위와 같이 되어 있는것을 아래 처럼 교체해주세요
[교체후]
<div class="container top-main">
<div class="row pt10 pb10">
<div class="col-md-3 text-left">
<a class="navbar-brand logo1" href="<?php echo G5_URL ?>" class="logo" alt="<?php echo $config['cf_title']; ?>"><img src="<?php echo G5_THEME_URL ?>/img/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div><!-- /col -->
<div class="col-md-6">
<div class="hd_sch_wr" style="margin: 0 auto;">
<fieldset id="hd_sch" >
<legend style="line-height: 0.1;">사이트 내 전체검색</legend>
<form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<label for="sch_stx" class="sound_only">검색어 필수</label>
<input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="검색어를 입력해주세요">
<button type="submit" id="sch_submit" value="검색"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
</form>
<script>
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}
return true;
}
</script>
</fieldset>
<?php echo popular('theme/basic'); // 인기검색어, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
</div>
</div>
<div class="col-md-3 text-right pt10 pr20">
<a href="<?php echo G5_URL?>"><span>미디어</span></a> |
<a href="http://www.softzone.co.kr" target="_blank"><span>포트폴리오</span></a>
</div><!-- /col -->
</div><!-- /row -->
</div>
테마폴더에 css/default.css 의 80번째줄에
.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
를 아래 처럼 교체합니다.
.hd_sch_wr{/*position:absolute;top:25px;left:50%;*/width:430px;/*margin-left:-215px;*/}
댓글목록
리얼티스님의 댓글
리얼티스 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일sir에서만 찾아다녔는데.... 에티테마에도 이런 공간이 있군요. 대단히 감사합니다. 자주 애용하겠습니다.!!