검색창의 위치를 옴겨보고 싶습니다..

[레벨:0][레벨:0]하늘아리 2010.11.03 06:46

안녕하세요~

레이아웃 너무~~~ 잘 쓰고 있습니다^^

정말 감사드려요! 이 레이아웃을 가지고 여기저기 고치고 하면서 공부가 많이 되는것 같습니다..

 

근데 한가지 더 궁금한사항이 있어서 이렇게 문의드려요

1) 검색창의 위치를 옴길수는 없나요??

    - 네이버등과 같이 "메뉴" 위쪽 부분으로 옴기고 싶습니다... 한마디로 검색창을 홈페이지 최상단에 넣어서,

      포털사이트 처럼 만들려고 합니다!

 

2) 검색창을 옴길수 있다면, 메인로고 위치 또한 옴길 수 있을까요??

   - [ 로고] [ 검색창 ][검색 버튼]   이런식입니다

 

정리하자면..

 

                      [로고] [검색창][검색버튼]

     [ 상               단                   메                   뉴 ]

     [                  메 인 슬라이드 배너                  ]

 

대충 이런식입니다..

 

로고를 원하는 위치에 출력하는거랑 검색엔진 옴기는 법좀 알려주세요(__)

의견 (0)

답변하기

현재 답변들 1
[레벨:0][레벨:3]이바지 2010.11.07 05:49

layout.html

69 ~ 78줄을 삭제



44줄     <ul class="gnb"> 바로 위에


    <div class="MainSearch">
            <form action="{getUrl()}" method="post" class="search">
                <input type="hidden" name="vid" value="{$vid}" />
                <input type="hidden" name="mid" value="{$mid}" />
                <input type="hidden" name="act" value="IS" />
                <input type="hidden" name="search_target" value="title_content" />
                <div class="searchBox">
                    <input name="is_keyword" type="text" title="Search" class="inputText" accesskey="S" />
                    <input type="submit" class="submit" value=" " />
                </div>
            </form>
    </div>


추가...


style.css

112줄에


#header .MainSearch {
    float:right;
    height:35px;
    padding:8px 17px 0 0;
    position:static;
}


추가...


하면 검색창이 로고가 있는 줄로 갑니다.

17을 조절하면 검색창을 좌우로 옮길 수 있습니다.

8을 조절하면 위아래로 옮길 수 있습니다.




style.css

14줄

#header .logo {

안에

padding: 0 0 0 20px;


를 넣으면 로고가 오른쪽으로 갑니다.

20을 바꿔주면 로고를 좌우로 원하는 위치로 옮길 수 있습니다.