안녕하세요.
멋진 레이아웃 잘 사용하고 있습니다.
메뉴중 맨 오른쪽 메뉴만 배경색 또는 글자색을 다르게 하고 싶을 때는 어떻게 해야 하나요?
(이곳으로 말하면 'SOL'S'가 되겠네요)
그럼 수고하세요~
안녕하세요.
멋진 레이아웃 잘 사용하고 있습니다.
메뉴중 맨 오른쪽 메뉴만 배경색 또는 글자색을 다르게 하고 싶을 때는 어떻게 해야 하나요?
(이곳으로 말하면 'SOL'S'가 되겠네요)
그럼 수고하세요~
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
공지 | NEW 버킷리스트 | [공지] 홈페이지가 복구되어 정상 운영중입니다. | 디자인솔 | 2017.07.12 | 759 |
432 | 모바일용 관련 내용 입니다. 1 | 진수얌 | 2015.05.14 | 671 | |
431 | 모바일에서 봤을 때 문의 1 | 검은하늘 | 2015.01.18 | 655 | |
430 | 팝업창 1 | 행복나무 | 2015.03.13 | 653 | |
429 | 배너프로모션 문의드립니다~ 6 | 안전운전 | 2015.03.26 | 652 | |
» | 메뉴중 맨 오른쪽 메뉴만 배경색을 다르게 하고 싶을 때는? 1 | 옥천 | 2015.01.31 | 649 | |
427 | 문서샘플은 어디서 받나요? 1 | 행복누림 | 2015.02.10 | 620 | |
426 | 메인에 최근게시물 관련 내용 입니다. 1 | 진수얌 | 2015.03.08 | 589 | |
425 | 비지니스 라이센스결제 파일이 다 깨져있습니다. 1 | 땁쓰 | 2015.02.27 | 587 | |
424 | NEW 버킷리스트 | 풋메뉴 왼쪽 페이스북등 5 | june | 2017.02.27 | 150 |
423 | NEW 버킷리스트 | 뉴버킷리스트 영상위젯 가능한가요? 3 | 에피리크 | 2018.07.17 | 59 |
422 | 올리브 | 로그인 창에 커서가 이상합니다 9 | 가가멜 | 2018.03.20 | 13 |
421 | 어라운드유 | 유튜브 링크 재생시 1 | 씨엠티비 | 2017.02.07 | 11 |
420 | 올리브 | 구입했습니다. 20 | 인터넷짱 | 2018.03.25 | 10 |
419 | 그린게이블 | -검색.. 15 | 인터넷짱 | 2018.12.25 | 9 |
418 | 올리브 | 질문드립니다. 11 | 인터넷짱 | 2018.03.27 | 9 |
417 | 버킷리스트 | 커스터마이징문의입니다. 8 | 매너보이 | 2018.08.04 | 8 |
416 | 윌비 | 윈도우10에서 모바일 버전으로만 출력됨 10 | 미나리 | 2022.07.21 | 7 |
415 | NEW 버킷리스트 | 레이아웃을 적용하면 게시판 입력창이 작아집니다. 6 | 닉네임 | 2021.08.14 | 7 |
414 | 릴라이언스 | 셋팅 정보입니다 :) 3 | 비니빈 | 2020.11.13 | 7 |
413 | NEW 버킷리스트 | 뉴버킷리스트 4 | 닉네임 | 2020.07.27 | 7 |
헤더메뉴의 색상은 컬러셋에 따라 다르게 설정하셔야 하기 때문에
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}를 수정하여 액티브 컬러, 액티브 마우스 하버 컬러를 변경하실수 있습니다.