에티테마

에티테마 상단에 그림처럼 검색창 달기

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 1건 작성일 20-11-24 18:46

본문

b8377c886587f9fb9aceb87c13a6cd47_1606211274_58.JPG


에티테마에 전체검색 넣는방법 입니다.
보시는 이미지와 같이 수정할 수 있습니다.



테마폴더에 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;*/}



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

리얼티스님의 댓글

no_profile 리얼티스 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

sir에서만 찾아다녔는데.... 에티테마에도 이런 공간이 있군요. 대단히 감사합니다. 자주 애용하겠습니다.!!

Total 23건 1 페이지
무료테마 메뉴얼 목록
번호 제목 글쓴이 날짜
23 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-28
22 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-12
21 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-25
20 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-30
19 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-17
18 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-09
열람중 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-24
16 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-25
15 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-08
14 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-20
13 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-20
12 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-20
11 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-20
10 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-27
9 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-22
8 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-11
7 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20
6 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-31
5 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-07
4 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-27
게시물 검색

카테고리

카테고리
 무료테마 자료실
무료테마 메뉴얼