묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃의 메뉴바 위의 로고가 왼쪽에 들어가고 가운데 이렇게 검색바가 위치하였습니다.
레이아웃은 한국타운 레이아웃을 다운받았는데요.
저 검색바의 크기를 줄이고 오른쪽으로 이동시키고 싶은데. 어느 파일에서 수정을 해야하나요?
레이아웃의 상단에 위치한 검색바를 조정하고 싶습니다.
2011.04.28 02:32
레이아웃의 메뉴바 위의 로고가 왼쪽에 들어가고 가운데 이렇게 검색바가 위치하였습니다.
레이아웃은 한국타운 레이아웃을 다운받았는데요.
저 검색바의 크기를 줄이고 오른쪽으로 이동시키고 싶은데. 어느 파일에서 수정을 해야하나요?
안에 보면 /*검색창*/ 이렇게 해서
밑에 css 가 보입니다.
#bodyWrap_ce .isSearch 여기 속성에 보면 position:absolute; top:30px; right:235px; 이 값을 지워버리고
float:right 속성을 주면 검색박스는 오른쪽으로 붙습니다. 만일 위쪽에 간격을 조금 주고 싶으면 margin-top:원하는 값 을 주면
간격이 벌어집니다.
그리고 검색박스 길이는 끝에 보면 width:350px 속성이 있는데 그 값을 원하는 값으로 바꾸세요
그리고 바로 밑에 #bodyWrap_ce .isSearch .inputText 여기 값을 보면 width:260px 값이 있는데 이것도 같이 줄여줘야 합니다.
박스를 감싸고 있는 파란 테두리는
xe - layouts - hankooktown - css - 1.css 열고
.hkSearch { border: 5px solid #4E64F8;} 이것이 보입니다.
여기서 5px를 원하는 값으로 하면 테두리 두께가 조절됩니다.
그 두군데에서 속성들을 조정하면 원하는 모양의 검색박스를 만들 수 있습니다.
만일 스킨을 다른 것을 바꾸면 해당 css 파일도 그에 맞는 파일을 찾아서 수정해야 합니다.
위 설명은 파란색 스킨을 적용했을 때를 기준으로 설명한 겁니다.