카페24 쇼핑몰 제작_ 상단메뉴바 수정 카페24 쇼핑몰 제작_ 상단메뉴바 수정
카페24 쇼핑몰 제작 7번째 글인 이번 글에선
상단메뉴바의 이미지와 높낮이를 수정하는 방법을 알려드리겠습니다.
카페24 쇼핑몰 관리자 페이지에 접속 합니다.
디자인관리-> HTML 디자인 설정-> 공통모듈 리스트-> TOP-> 상단메뉴바 모듈편집을 선택합니다.
상단메뉴바의 높이를 조절하시려면 HTML 편집에서 height의 수치를 조절하시고
빨간색 밑줄친 부분을 <td></td>만 남기고 삭제해 주세요.
그런데 오른쪽 가장자리의 확장부분이 아직 그대로 남아있네요.
이부분도 수정해 봅시다.
ftp의 /web/upload 폴더에 변경할 이미지 파일을 업로드합니다.
전 bg1.gif란 파일명으로 업로드 했습니다.
카페24 쇼핑몰 관리자 페이지로 돌아가서
디자인관리-> HTML 디자인 설정-> 메인화면으로 들어가 주세요.
자바스크립트&스타일시트-> common.css 편집을 선택합니다.
상단에 보시면 background-image:url 이란 소스가 있습니다.
밑줄 친 부분을 좀 전에 ftp에 업로드한 파일명으로 바꿔주세요.
쇼핑몰을 확인해 볼까요?
위와같이 잘 바껴졌습니다.
상단메뉴바 원하는 이미지로 바꿔보시길 바랍니다.
카페24 쇼핑몰 제작 7번째 글인 이번 글에선
상단메뉴바의 이미지와 높낮이를 수정하는 방법을 알려드리겠습니다.
빨간색 테두리 친 부분이 수정 할 부분입니다.
카페24 쇼핑몰 관리자 페이지에 접속 합니다.
디자인관리-> HTML 디자인 설정-> 공통모듈 리스트-> TOP-> 상단메뉴바 모듈편집을 선택합니다.
이미지등록에서 원하는 이미지를 등록합니다.
상단메뉴바의 높이를 조절하시려면 HTML 편집에서 height의 수치를 조절하시고
빨간색 밑줄친 부분을 <td></td>만 남기고 삭제해 주세요.
그러면 위와같이 수정이 됩니다.
그런데 오른쪽 가장자리의 확장부분이 아직 그대로 남아있네요.
이부분도 수정해 봅시다.
ftp의 /web/upload 폴더에 변경할 이미지 파일을 업로드합니다.
전 bg1.gif란 파일명으로 업로드 했습니다.
카페24 쇼핑몰 관리자 페이지로 돌아가서
디자인관리-> HTML 디자인 설정-> 메인화면으로 들어가 주세요.
자바스크립트&스타일시트-> common.css 편집을 선택합니다.
상단에 보시면 background-image:url 이란 소스가 있습니다.
밑줄 친 부분을 좀 전에 ftp에 업로드한 파일명으로 바꿔주세요.
쇼핑몰을 확인해 볼까요?
위와같이 잘 바껴졌습니다.
상단메뉴바 원하는 이미지로 바꿔보시길 바랍니다.
'카페24/블로그 > 카페24 ' 카테고리의 다른 글
카페24 인터넷쇼핑몰 제작_ 즐겨찾기 문구 변경/주소 수정 (0) | 2012.01.08 |
---|---|
카페24 쇼핑몰 디자인 수정_ 상단이미지 수정/상단이미지 플래시 등록 (19) | 2012.01.07 |
카페24 쇼핑몰 제작_ 상품분류메뉴 수정 / 카테고리 수정 (0) | 2012.01.05 |
카페24 쇼핑몰 제작_ 상단메뉴바 이미지 변경 / 검색창 색상변경 / 검색창 테두리 색깔 (2) | 2012.01.03 |
카페24 쇼핑몰 제작_ 상단메뉴바 수정 / 상단메뉴바 위치변경 / 검색창 위치변경 (4) | 2012.01.02 |
카페24 쇼핑몰 제작_ 상단메뉴 이미지로 변경 / 즐겨찾기 수정 (4) | 2012.01.02 |