그누보드 선배님들 형님들 로그인폼 위치변경 관련 문의입니다.
본문
기본 기누보드5 상단 검색폼을 우측 로그인폼 아래로 위치변경 하고자 합니다.
또 기존 검색폼이 있던 위치에 꽉찬 배경이미지를 삽입하고 싶습니다.
해당부분을 해결하기 위한 조언도 부탁드립니다.
기존 검색폼이 위치한 head.php의
<div id="hd_wrapper">
<div id="logo">
<a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.png" alt="<?php echo $config['cf_title']; ?>"></a>
</div>
<div class="hd_sch_wr">
<fieldset id="hd_sch">
<legend>사이트 내 전체검색</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)
{
var stx = f.stx.value.trim();
if (stx.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i = 0; i < stx.length; i++) {
if (stx.charAt(i) == ' ')
cnt++;
}
if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}
f.stx.value = stx;
return true;
}
</script>
</fieldset>
위의 부분을 head.sub.php 최하단에 붙여넣기 했는데
오류가 나타나 이것을 해결하기 위한 여러 선배님들의 조언을 구하고자 합니다.
아래와같이 구현하고자 합니다. 아래 이미지 우측에 검색폼이 위치합니다.
(제가 현재 운영중인 아미나빌더기반 커뮤니티 사이트입니다.)
답변 1
head.php에 검색 창을 코드만 잘라내서 tail.php에 outlogin를 찾아서 붙혀주세요
그럼 이렇게 되겠죠?
그 다음에
테마폴더에 default.css
83번째줄 패딩 제거 마진레프트 제거 넓이 수정
86번째줄 넓이 수정
87번째줄 넓이 수정
그럼 이렇게 수정할 수 있겠죠 그 다음에 색상 변경이 필요하다 싶으면 색상만 변경해주면 됩니다.
만약 검색창 둥글게 되있는 것을 수정하신다고 하면 css에 border-radius 속성을 지우면 됩니다.