메뉴 막대를 구성하는 이미지 및 게시판 라인 색상 변경 > Gnuboard

• 목록

• 
• 
• 

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; 만 다른 색상으로 변경해주면 됩니다.
바로 위의 색상값 줄은 삭제해도 됩니다.

추천0 비추천0