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

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

QA

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

답변 1

본문

기본 기누보드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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,103
© SIRSOFT
현재 페이지 제일 처음으로