본문 바로가기

카페24/블로그/카페24

카페24 쇼핑몰 제작_ 상단메뉴바 수정

카페24 쇼핑몰 제작_ 상단메뉴바 수정 카페24 쇼핑몰 제작_ 상단메뉴바 수정

카페24 쇼핑몰 제작 7번째 글인 이번 글에선
상단메뉴바의 이미지와 높낮이를 수정하는 방법을 알려드리겠습니다.


빨간색 테두리 친 부분이 수정 할 부분입니다.



카페24 쇼핑몰 관리자 페이지에 접속 합니다.
디자인관리-> HTML 디자인 설정-> 공통모듈 리스트-> TOP-> 상단메뉴바 모듈편집을 선택합니다.



이미지등록에서 원하는 이미지를 등록합니다.



상단메뉴바의 높이를 조절하시려면 HTML 편집에서 height의 수치를 조절하시고
빨간색 밑줄친 부분을 <td></td>만 남기고 삭제해 주세요.



그러면 위와같이 수정이 됩니다.



그런데 오른쪽 가장자리의 확장부분이 아직 그대로 남아있네요.
이부분도 수정해 봅시다.



ftp의 /web/upload 폴더에 변경할 이미지 파일을 업로드합니다.
전 bg1.gif란 파일명으로 업로드 했습니다.



카페24 쇼핑몰 관리자 페이지로 돌아가서
디자인관리-> HTML 디자인 설정-> 메인화면으로 들어가 주세요.



자바스크립트&스타일시트-> common.css 편집을 선택합니다.



상단에 보시면 background-image:url 이란 소스가 있습니다.
밑줄 친 부분을 좀 전에 ftp에 업로드한 파일명으로 바꿔주세요.



쇼핑몰을 확인해 볼까요?
위와같이 잘 바껴졌습니다.

상단메뉴바 원하는 이미지로 바꿔보시길 바랍니다.