그누보드 선배님들 형님들 로그인폼 위치변경 관련 문의입니다.

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
그누보드 선배님들 형님들 로그인폼 위치변경 관련 문의입니다.

QA

그누보드 선배님들 형님들 로그인폼 위치변경 관련 문의입니다.

본문

기본 기누보드5 상단 검색폼을 우측 로그인폼 아래로 위치변경 하고자 합니다.

또 기존 검색폼이 있던 위치에 꽉찬 배경이미지를 삽입하고 싶습니다.

해당부분을 해결하기 위한 조언도 부탁드립니다.

 

32716038_1736765898.3096.jpg

 

기존 검색폼이 위치한 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 최하단에 붙여넣기 했는데

오류가 나타나 이것을 해결하기 위한 여러 선배님들의 조언을 구하고자 합니다.

아래와같이 구현하고자 합니다. 아래 이미지 우측에 검색폼이 위치합니다.

(제가 현재 운영중인 아미나빌더기반 커뮤니티 사이트입니다.)

 

32716038_1736766366.945.jpg

이 질문에 댓글 쓰기 :

답변 1

head.php에 검색 창을 코드만 잘라내서 tail.php에 outlogin를 찾아서 붙혀주세요

그럼 이렇게 되겠죠?

2943618031_1736766622.2849.png

그 다음에 

테마폴더에 default.css 
83번째줄 패딩 제거 마진레프트 제거 넓이 수정
86번째줄 넓이 수정
87번째줄 넓이 수정

 

그럼 이렇게 수정할 수 있겠죠 그 다음에 색상 변경이 필요하다 싶으면 색상만 변경해주면 됩니다.

만약 검색창 둥글게 되있는 것을 수정하신다고 하면 css에  border-radius 속성을 지우면 됩니다.

2943618031_1736766937.5786.png

와!! 빠른 답변 정말 감사합니다!
완벽한 솔루션을 제공해주셨는데 언제 식사라도 ^^;;
알려주신데로 꼭 해보겠습니다. 새해 복많이 받으세요
감사합니다 ^^

답변을 작성하시기 전에 로그인 해주세요.
전체 0
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT