관리자 페이지 세미 컬러 모드 적용 방법 (이윰빌더 4.6.0 버전 이상)
이윰MOUNT
110.♡.238.128
2023-03-24 18:25
13,784
3
3
본문
안녕하세요.
이윰빌더 4.6.0 버전 이상에서는 관리자 페이지에 화이트모드 / 다크모드를 지원합니다.
아래 이미지와 같이 헤더와 사이드 메뉴에 컬러가 있는 세미컬러 모드로 변경을 원하시면
![!\[image\]](https://eyoom.net/data/editor/2303/1846406784_1679649888.53516.jpg)
/adm/eyoom_adm/theme/eba_basic/css/light_mode.css 파일을 열어 제일 밑 251라인에 아래 소스를 넣어주면 됩니다.
```
/*----- Semi Color Mode -----*/
.header-logo {background-color:#ab0000;border-bottom-color:#12121b}
.header-logo > a {color:#fff}
.header-logo > a span {color:#fff}
@media(max-width:991px) {
.header-logo {background-color:#12121b}
}
.header-bar {background-color:#12121b;border-bottom-color:transparent}
.header-left > a {color:#fff}
.header-left > a:focus, .header-left > a:hover {color:#fff}
.header-left .left-dropdown-btn {color:#fff}
.header-left .left-dropdown-btn:hover {color:#fff}
.header-nav .navbar-nav .nav-item-txt > a {color:#9596aa}
.header-nav .nav-expand > a {color:#9596aa}
.sidebar-left {background-color:#12121b;border-right-color:transparent}
.sidebar-left-top {background-color:#12121b}
.sidebar-top-box h5 {color:#fff}
.sidebar-title {color:#4b4d6e}
.sidebar-title i {color:#383d4b}
.nav-item-icon {color:#545a6e}
.nav-item-text {color:#9596aa}
.nav-item.active:before {background-color:#7772fd}
.nav-item.active .nav-item-icon {color:#fff}
.nav-item.active .nav-item-text {color:#7772fd}
.nav-item.active .is-sub-nav:after {color:#7772fd}
.nav-link {color:#6c757d}
.nav-link.is-sub-nav:after {color:#4b4d6e}
.nav-link:hover {color:#7772fd}
.nav-link:hover .nav-item-text {color:#7772fd}
.nav-link.active {color:#7772fd}
.nav-link.active:after {color:#7772fd}
.nav-link.visible-sub-nav {color:#9596aa}
.sub-nav {border-left-color:rgb(55, 54, 71, 0.7)}
.sub-nav .sub-nav-link {color:#9596aa}
.sub-nav .sub-nav-link.active, .sub-nav .sub-nav-link:focus, .sub-nav .sub-nav-link:hover {color:#7772fd}
.sub-nav .sub-nav-link.active:before, .sub-nav .sub-nav-link:focus::before, .sub-nav .sub-nav-link:hover::before {background-color:#fff}
.sub-nav .sub-nav-item.active .sub-nav-link {color:#9596aa}
.sidebar-left-info .sidebar-left-info-box {border-top-color:rgb(55, 54, 71, 0.7);border-bottom-color:rgb(55, 54, 71, 0.7)}
.sidebar-left-info .install-info-title {color:#9596aa}
.sidebar-left-info .install-info-cont span {color:#4b4d6e}
.sidebar-left-info .install-info-cont strong {color:#7772fd}
.sidebar-left-info .install-info-cont small {color:#4b4d6e}
.sidebar-left-info .install-info-cont small a {color:#4b4d6e}
.sidebar-left-info .site-info-cont {color:#4b4d6e}
.close-nav .sidebar-left-info {background-color:#202030}
.open-nav .sidebar-left-info {background-color:transparent}
.cover-left .sidebar-left-info {background-color:transparent}
.cover-left .sidebar-top-box {background-color:#ab0000;border-bottom-color:#12121b}
@media(min-width:992px) {
.close-nav .nav-item.active .nav-item-icon {color:#fff}
.close-nav .nav-item.active .nav-link.is-sub-nav:after {color:#7772fd}
}
```
이윰MOUNT
회원등급 : / Level 77
포인트 28,286
경험치 592,554
[레벨 77] - 진행률
48%
가입일
2015-09-15 19:48:51
서명
안녕하세요. 이윰의 MOUNT입니다.
자기소개
미입력
-
[질문과 답변] 기본 베이직 테마에는 다크모드 적용 계획이 없으니 참고하시기 바랍니다. 감사합니다.2024-11-18
-
[질문과 답변] 안녕하세요. 현재 상담게시판, 투표게시판, 제품게시판 스킨을 제외한 나머지 게시판 스킨은 다크모드가 적용되도록 되어 있습니다. 위 3개의 게시판 스킨도 빠른 시일내 적용할수 있도록 하겠습니다. 감사합니다.2024-11-11
-
[공유자료실] 1:1문의에 아래 정보를 남겨주시면 확인해 보겠습니다. ----- 사이트 주소 사이트 관리자 아이디와 비번 -----2024-10-31
-
[공유자료실] 관리자 - 게시판관리 - 게시판관리의 해당 게시판 수정 - 기능설정에서 '게시판 에디터 선택'을 설정하셨는지 확인해 보시기 바랍니다.2024-10-31
-
[질문과 답변] 안녕하세요.1. 우선 반디집으로 압축을 풀게 되면 정상적으로 파일이 풀리지 않아 정상 설치가 되지 않으니 참고하시기 바랍니다. 2. 다른 툴로 압축해제 후 새로 설치해 보시고 동일한 증상이시면 아마 mamp 설정 문제 또는 php버전 문제 일수도 있습니다.sir 컨텐츠몰에서 구매하신 경우 해당 상점의 테마상품 문의하기에서 문의 주시기 바랍니다. 여기 질문과답변은 이윰빌더와 관련된 질문 게시판 입니다.감사합니다.2024-10-22
-
[자유게시판] 안녕하세요.올려주시는 시 잘 읽고 있습니다. ^^ 직접 설치가 힘드시면 구매 후 1:1문의에 아래 정보를 남겨주시면 저희 이윰에서 대신 설치 지원을 해 드리오니 참고하시기 바랍니다. ----- 사이트주소 ftp계정정보 db정보 -----감사합니다.2024-10-11
-
[질문과 답변] 안녕하세요.EB최신글 스킨 중 basic, bestset, newpost 스킨들은 공통적으로 '작성자 정보 출력여부'를 사용하지않음으로 설정할경우 말씀하신 현상이 있습니다. 우선 '작성자 정보 출력여부'를 사용하지않음 으로 설정할 경우 100%로 출력되게 하는 방법은 임시방편으로 아래와 같습니다.[EB최신글 - basic 스킨] /theme/적용테마/skin/eblatest/basic/eblatest.skin.html.php 파일 43라인 .basic-latest .tab-content .basic-subj 의 width 속성값을 …2024-09-25
-
[공유자료실] 감사합니다!2024-08-20
댓글목록3
아파치님의 댓글
축하합니다. 첫댓글 포인트 14포인트를 획득하였습니다.
파찌네님의 댓글
포지션님의 댓글
햇단..증거 첨부
252번 라인에 넣어 그러나 ㅋㅋㅋ