상단메뉴 및 페이지메뉴 크기/색상 변경하기

상단메뉴

1차메뉴와 2차메뉴를 변경합니다.

 

 

 

 

상단 메인 메뉴(1차, 2차)

 

 

 

 

 

 

상단 메인 메뉴 변경 소스 위치

 

메인 메뉴(1차메뉴)는...

갯수에 따라서 자동배열로 정렬됩니다.

컬러와 크기, 모두 변경 가능합니다.

 

 

 

■ 수정 파일

nStyle_user.css

 

 

 

■ 수정 파일 위치

> www > bizdemoXXXXXX > img > _css > nStyle_user.css

 

FTP 접속 후, 다운로드 하여, 텍스트 에디터를 이용하여 수정합니다.

(텍스트 에디터 종류 : EditPlus, brackets 등)

/*****************************************************************
상단 메인 메뉴 컬러 변경
*****************************************************************/
/* 992이상 사이즈에서 적용 */
@media screen and (min-width: 992px) {

    /* 상단메뉴 **************************************/
    /* 메인메뉴 & 컬러 & 사이즈 */
    .navbar-inverse .navbar-nav > li > a {
        font-weight: 700;
        font-size: 1.0em;
        color: #333;
    }

    .navbar-inverse .navbar-nav > li:hover > a,
    .navbar-inverse .navbar-nav > li:focus > a {
        color: #095b68;
    }

.
.
.


}

 

 

 

 

 

 

 

 

 

 

 

 

페이지메뉴

2차메뉴를 변경합니다.

서브페이지 이동 후에 보이는 메뉴입니다.

서브 페이지 메뉴(2차)

 

 

 

 

페이지 메뉴 변경 소스 위치

 

페이지 메뉴는...

갯수에 따라서 자동배열로 정렬됩니다.

컬러와 크기, 모두 변경 가능합니다.

 

 

 

■ 수정 파일

nStyle_user.css

 

 

 

■ 수정 파일 위치

> www > bizdemoXXXXXX > img > _css > nStyle_user.css

 

FTP 접속 후, 다운로드 하여, 텍스트 에디터를 이용하여 수정합니다.

(텍스트 에디터 종류 : EditPlus, brackets 등)

/*****************************************************************
레이아웃변경 nWide - 와이드형 가로나열메뉴 : 서브페이지 > 페이지메뉴
*****************************************************************/
/* 서브메뉴 가로배열 */
@media screen and (min-width: 992px) {
    .n_location {
        display: none;
    }

    .left_banner,
    .left_select {
        display: none;
    }

    .n_contents .container > .row > div {
        width: 100%;
    }

.
.
.


}