관리자 페이지 세미 컬러 모드 적용 방법 (이윰빌더 4.6.0 버전 이상)


2023-03-24 18:25
4,647
2
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}
}
```


포인트 33,800
경험치 590,153
[레벨 77] - 진행률
33%
가입일
2015-09-15 19:48:51
서명
안녕하세요. 이윰의 MOUNT입니다.
자기소개
미입력
-
[질문과 답변] 안녕하세요.테마 설치후 관리자로 로그인 후 상단 편집모드를 활성화 하면 해당 슬라이더에 'EB슬라이더마스터설정' 버튼이 보이실거에요. 그옆에 물음표 버튼을 클릭하면 해당 슬라이더의 설정 방법 및 권장 사이즈가 출력되오니 참고하시기 바랍니다.-----지금 확인해 보니 메인 중간 쯤 comm004_main_2 EB슬라이더 이미지 권장사이즈가 잘못 표기되어 있네요. 800x450 사이즈가 아니라 800x800 사이즈로 업로드 하시면 되겠습니다.감사합니다.2023-06-02
-
[버그 & 건의] 안녕하세요. 이윰빌더는 영카트 시스템 기반입니다. 영카트는 구매자 입장에서 "주문" 상태일 때만 취소가 가능하오니 참고하시기 바랍니다.2023-05-17
-
[질문과 답변] 안녕하세요. 이윰관리자입니다.확장필드로 간단하게 처리할수 있는 부분이라 구매후 1:1문의에 아래 정보를 남겨주시면 직접 처리해 드리도록 하겠습니다. ----- 사이트주소 ftp계정정보 사이트 관리자 아이디와 비번 -----감사합니다.참고 : TUI에디터를 적용하여 사용하시는것 같은데, 해당 에디터는 마크다운 기능으로 인해 말씀하신것처럼 좌측 마크다운 형식 / 우측 출력 형식으로 보여집니다.2023-04-28
-
[질문과 답변] 안녕하세요. 설치 과정을 저희가 알수 없어 무엇이 문제인지 알기 힘듭니다.새로 설치를 하셔도 상관 없으시면서버(웹호스팅) 초기화(db까지) 후 4.6.2 풀패키지를 다운로드 받으신후 새로 설치를 진행해 보시기 바랍니다.감사합니다.2023-04-24
-
[질문과 답변] 카슬커뮈님 안녕하세요. 어떤 테마의 쇼핑몰을 이용중이신지 알려주시면 답변드리기 쉬울것 같습니다. 참고로 크롬 등의 브라우저에서 해당 글자를 cursor 우클릭하여 검사를 클릭하면 해당 부분의 스타일 및 css 위치 등의 정보를 알수 있습니다. 저희도 알려드릴때 보통 이렇게 먼저 확인하여 알려드린답니다.2023-04-21
-
[공지사항] 이윰빌더와 유료테마(시즌4 부트스트랩3 유료 테마)를 최신버전으로 패치하실 경우 새 관리자로 이용이 가능합니다.2023-04-19
-
[질문과 답변] 안녕하세요. 1. 현재 사이트맵 관련 기능은 따로 없답니다. 2. 정확히 이해가 잘 안됩니다. 글쓰기 에디터를 말씀하시는 것인지요? 3. 네 부트스트랩5 용 스킨이면 호환이 됩니다.2023-04-14
-
[질문과 답변] 안녕하세요. 아래 링크의 이윰빌더 4.6.1 버전으로 패치를 하신것이 맞으신지요? https://eyoom.net/eb4_download/317 4.6.0 버전에서 말씀하신 현상이 있었는데 4.6.1 버전에서 버그 패치 되었으니 4.6.1 버전으로 패치 적용해 보시기 바랍니다. 감사합니다.2023-04-14
댓글목록2
아파치님의 댓글
축하합니다. 첫댓글 포인트 14포인트를 획득하였습니다.
파찌네님의 댓글