정보 메뉴 막대를 구성하는 이미지 및 게시판 라인 색상 변경
페이지 정보
본문
img 폴더 속의 이미지 파일 몇몇이 메뉴 색을 구성하고 있습니다.
전체 이미지입니다.
왼쪽부터 search_bar_left.gif, search_bar_bg.gif, search_bar_div.gif, search_bar_right.gif 입니다.
search_bar_left.gif 는 메뉴 막대의 제일 왼쪽,
search_bar_bg.gif 는 메뉴 전체 이미지,
search_bar_div.gif 는 그룹 사이의 구분선,
search_bar_right.gif 는 메뉴 막대의 제일 오른쪽 이미지입니다.
search_bar_left.gif 하나를 예를 들어 살펴보면
전체 크기는 16×36픽셀이고... 대략 좌 1px, 상 1px, 하 3px 정도의 테두리로 구성되어 있네요.
이건 그룹 선택시의 ┏┓자 모양의 이미지입니다.
왼쪽부터 search_select_left.gif, search_select_bg.gif, search_select_right.gif 입니다.
디자인을 아주 약간 다르게 변경해보았습니다.
PhotoScape로 작업했습니다. PhotoShop은 다룰줄 몰라요;;;
만드는 방법은 그리 어렵지 않습니다.
33×36의 이런 이미지를 만들고
식빵 자르듯 툭툭 16×36, 1×36, 16×36로 잘라
각각 search_bar_left.gif, search_bar_bg.gif, search_bar_right.gif 라고 이름을 붙혔습니다.
게시판 내부 라인도 메뉴 막대의 색과 동일하게 변경해줍니다.
style.common.css을 수정합니다.
skin\board\mw.basic\style.common.css
/* 라인색상 */
#mw_basic .mw_basic_line_color {
background-color:#b0adf5;
background-color:#6b95bd;
}
background-color:#6b95bd; 만 다른 색상으로 변경해주면 됩니다.
바로 위의 색상값 줄은 삭제해도 됩니다.
왕초보입니다. 많은 지도편달 부탁드립니다~^^
자주 가는 곳 : SIR
댓글목록
등록된 댓글이 없습니다.