안녕하세요.
멋진 레이아웃 잘 사용하고 있습니다.
메뉴중 맨 오른쪽 메뉴만 배경색 또는 글자색을 다르게 하고 싶을 때는 어떻게 해야 하나요?
(이곳으로 말하면 'SOL'S'가 되겠네요)
그럼 수고하세요~
안녕하세요.
멋진 레이아웃 잘 사용하고 있습니다.
메뉴중 맨 오른쪽 메뉴만 배경색 또는 글자색을 다르게 하고 싶을 때는 어떻게 해야 하나요?
(이곳으로 말하면 'SOL'S'가 되겠네요)
그럼 수고하세요~
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
공지 | NEW 버킷리스트 | [공지] 홈페이지가 복구되어 정상 운영중입니다. | 디자인솔 | 2017.07.12 | 759 |
92 | 문의 드립니다.. 4 | 주샘 | 2015.03.20 | 2 | |
91 | 팝업창 띄우는 방법 좀 알려주세요 1 | qween | 2015.03.17 | 1183 | |
90 | 익스플로러 9 이하 버전 및 기타 문제.. 1 | 진수얌 | 2015.03.16 | 2 | |
89 | 팝업창 1 | 행복나무 | 2015.03.13 | 653 | |
88 | 게시판 어떤걸 써야하나요.. 5 | 진수얌 | 2015.03.10 | 866 | |
87 | 쪽지 보기 관련 내용 입니다. 5 | 진수얌 | 2015.03.09 | 5 | |
86 | 페이팔 구입이 가능한가요? 2 | TaeLimSeeYa | 2015.03.09 | 680 | |
85 | 메인에 최근게시물 관련 내용 입니다. 1 | 진수얌 | 2015.03.08 | 589 | |
84 | 비지니스 라이센스결제 파일이 다 깨져있습니다. 1 | 땁쓰 | 2015.02.27 | 587 | |
83 | 구입한 html파일이 깨져있어요.. 1 | 봉드레 | 2015.02.26 | 986 | |
82 | html 로 붙여넣고 내용만 수정했는데.. 모양이 ㅠㅠㅠ 1 | 행복누림 | 2015.02.11 | 2 | |
81 | 문서샘플은 어디서 받나요? 1 | 행복누림 | 2015.02.10 | 620 | |
80 | 설치해보다 오류났는데 해결방안을 몰라서 문의 드립니다 1 | 파이어크래커 | 2015.02.08 | 1 | |
79 | 작은 교회 홈페이지를 구축하려 합니다. 2 | 행복누림 | 2015.02.03 | 926 | |
78 | 건의 - 구매자분들의 사이트들을 보고 싶어요. 1 | 옥천 | 2015.01.31 | 761 | |
77 | 건의 - 다음 버전에서는 섹션4 최근글 위젯 스타일을 바꿀 수 있도록 해주시면 좋겠어요. 1 | 옥천 | 2015.01.31 | 822 | |
» | 메뉴중 맨 오른쪽 메뉴만 배경색을 다르게 하고 싶을 때는? 1 | 옥천 | 2015.01.31 | 649 | |
75 | contact us..문의 1 | 우크 | 2015.01.29 | 1 | |
74 | 문서페이지 헤더 문의드립니다. 1 | 안전운전 | 2015.01.29 | 2 | |
73 | 가운데 정렬 1 | 강효신 | 2015.01.26 | 686 |
헤더메뉴의 색상은 컬러셋에 따라 다르게 설정하셔야 하기 때문에
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}를 수정하여 액티브 컬러, 액티브 마우스 하버 컬러를 변경하실수 있습니다.