안녕하세요.
멋진 레이아웃 잘 사용하고 있습니다.
메뉴중 맨 오른쪽 메뉴만 배경색 또는 글자색을 다르게 하고 싶을 때는 어떻게 해야 하나요?
(이곳으로 말하면 'SOL'S'가 되겠네요)
그럼 수고하세요~
안녕하세요.
멋진 레이아웃 잘 사용하고 있습니다.
메뉴중 맨 오른쪽 메뉴만 배경색 또는 글자색을 다르게 하고 싶을 때는 어떻게 해야 하나요?
(이곳으로 말하면 'SOL'S'가 되겠네요)
그럼 수고하세요~
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
공지 | NEW 버킷리스트 | [공지] 홈페이지가 복구되어 정상 운영중입니다. | 디자인솔 | 2017.07.12 | 759 |
92 | 그린게이블 | 글씨가 절반이 아래로 내려가있어요 1 | 루아 | 2016.02.24 | 2 |
91 | 그린게이블 | 그린게이블 인포메이션 영역 아이콘 적용방법 3 | 아템 | 2015.11.12 | 2 |
90 | 그린게이블 | 그린게이블 믿고 사용했는데. 페이지 모듈이 작동을 안하네요. 2 | skj1025 | 2017.06.08 | 1 |
89 | 그린게이블 | 그린게이블 레이아웃 관련 문의드립니다. 2 | 인형고양이 | 2015.09.03 | 1364 |
88 | 그린게이블 | 그린게이블 3 | 루아 | 2017.04.17 | 2 |
87 | 그린게이블 | 궁금한부분 문의드려요 1 | 키스놀부 | 2017.06.05 | 1 |
86 | 버킷리스트 | 구입후 다운로드문제 1 | stopcastle | 2016.09.21 | 1 |
85 | 올리브 | 구입했습니다. 20 | 인터넷짱 | 2018.03.25 | 10 |
84 | 그린게이블 | 구입했는데 도와주세요 ㅠㅠ 1 | 행복한나를 | 2017.08.01 | 1 |
83 | 구입한 html파일이 깨져있어요.. 1 | 봉드레 | 2015.02.26 | 986 | |
82 | 그린게이블 | 구입전에.. 1 | backdog | 2016.01.19 | 1 |
81 | 어라운드유 | 구입전에 몇가지 질문드리고 싶습니다. 7 | Extrich | 2017.07.17 | 5 |
80 | 구입전 몇가지 질문이 있어요~~ 1 | love05 | 2014.10.14 | 2 | |
79 | 그린게이블 | 구입전 메뉴문의 1 | 편백숲 | 2016.01.05 | 1313 |
78 | 올리브 | 구입 6 | 인터넷짱 | 2018.03.23 | 5 |
77 | 버킷리스트 | 구매후 질문입니다. ^^ 1 | 매너보이 | 2017.11.09 | 1 |
76 | 구매후 메뉴만들고 다음부터 문제가 생겼어요. 1 | 빅토리아라일락 | 2015.06.18 | 1 | |
75 | 그린게이블 | 구매전에 몇가지 질문드려요 1 | 오징 | 2017.09.29 | 1 |
74 | 올리브 | 구매전 문의 드립니다. 8 | 보험쉐프 | 2018.07.10 | 6 |
73 | NEW 버킷리스트 | 구매전 문의 드립니다. 2 | 우르크하이 | 2018.08.13 | 2 |
헤더메뉴의 색상은 컬러셋에 따라 다르게 설정하셔야 하기 때문에
layout_bucket_list/css/bucket_list_conf.css를 수정하게 됩니다.
default 컬러셋인 경우
라인 85 아래에
header .nav-bottom .nav > li:last-child > a {background:#컬러코드; color:#컬러코드} 를 추가합니다.
라인 85의 {background-color:#eee;color: #26b0b9}를 변경하면 액티브 컬러, 액티브 마우스하버 값도 수정되구요.
블루 컬러셋인경우
라인 145 아래에
header .nav-bottom .nav > li:last-child > a {background:#컬러코드; color:#컬러코드} 를 추가합니다. (메뉴 백그라운드 컬러)
역시 라인 145의 {background-color:#e5e5e5;color: #2097c5}를 변경하면 액티브 컬러, 액티브 마우스하버 값도 수정되구요.
마지막으로 위와 같은 방법으로
컬러셋 그린인경우
라인 205 하단에
header .nav-bottom .nav > li:last-child > a {background:#컬러코드; color:#컬러코드} 를 추가합니다.
라인 205 역시 {background-color:#415060;color: #fff}를 수정하여 액티브 컬러, 액티브 마우스 하버 컬러를 변경하실수 있습니다.