카페24 쇼핑몰 제작_ 상단메뉴바 이미지 변경 / 검색창 색상변경 / 검색창 테두리 색깔
위의 빨간색 테두리 친 부분이 변경할 부분입니다.
카페24 관리자 페이지에 접속을 합니다.
디자인관리-> HTML 디자인 설정-> 공통모듈 리스트-> TOP-> 상단메뉴바 모듈편집을 선택합니다.
이미지 등록에서 전체표시형태를 이미지나 롤오버로 변경합니다.
찾아보기를 클릭해서 각각에 맞는 이미지를 등록합니다.
등록하고 잘 바껴졌는 지 자신의 쇼핑몰을 확인해 봅니다.
위와같이 잘 바껴졌네요.
HTML 편집에서 size="15" 뒷부분에 소스를 삽입합니다.
쇼핑몰을 확인해 보니 잘 바껴졌습니다.
쇼핑몰을 확인해 보니 잘 바껴졌습니다.
원하는 이미지와 색상으로 바꿔 카페24 쇼핑몰 제작 예쁘게 해보시길 바랍니다.
카페24 쇼핑몰 제작 7번째 글인 이번 글에선 상단메뉴바 내용들의 이미지를 변경하는 방법과
검색창의 배경색깔 변경, 검색창에 테두리 색깔을 입히는 방법에 대해 알아보겠습니다.
위의 빨간색 테두리 친 부분이 변경할 부분입니다.
카페24 관리자 페이지에 접속을 합니다.
디자인관리-> HTML 디자인 설정-> 공통모듈 리스트-> TOP-> 상단메뉴바 모듈편집을 선택합니다.
이미지 등록에서 전체표시형태를 이미지나 롤오버로 변경합니다.
찾아보기를 클릭해서 각각에 맞는 이미지를 등록합니다.
등록하고 잘 바껴졌는 지 자신의 쇼핑몰을 확인해 봅니다.
위와같이 잘 바껴졌네요.
이번엔 검색창의 배경 색상과 테두리 색상을 변경해 보겠습니다.
공통모듈 리스트에서 검색창_B형의 모듈편집으로 들어가 주세요.
HTML 편집에서 size="15" 뒷부분에 소스를 삽입합니다.
검색창에 배경색을 입히는 소스입니다.
style="background-color:색상값; border:수치px;"
원하는 색상과 수치를 정해서 소스를 삽입하세요.
쇼핑몰을 확인해 보니 잘 바껴졌습니다.
style="border:solid 수치px 색상값;"
테두리에 색깔을 입히는 소스입니다.
역시나 원하는 색상값과 수치를 정해 위와 같은 위치에 소스를 삽입합니다.
쇼핑몰을 확인해 보니 잘 바껴졌습니다.
원하는 이미지와 색상으로 바꿔 카페24 쇼핑몰 제작 예쁘게 해보시길 바랍니다.
'카페24/블로그 > 카페24 ' 카테고리의 다른 글
카페24 쇼핑몰 디자인 수정_ 상단이미지 수정/상단이미지 플래시 등록 (19) | 2012.01.07 |
---|---|
카페24 쇼핑몰 제작_ 상품분류메뉴 수정 / 카테고리 수정 (0) | 2012.01.05 |
카페24 쇼핑몰 제작_ 상단메뉴바 수정 (4) | 2012.01.04 |
카페24 쇼핑몰 제작_ 상단메뉴바 수정 / 상단메뉴바 위치변경 / 검색창 위치변경 (4) | 2012.01.02 |
카페24 쇼핑몰 제작_ 상단메뉴 이미지로 변경 / 즐겨찾기 수정 (4) | 2012.01.02 |
카페24 쇼핑몰 디자인 수정_ 상단메뉴 수정 / 상단메뉴 위치변경 (6) | 2012.01.02 |