여러 훈련기관들께서 좀 간편하게 메인바색상을 자유롭게 변경하실 수 있도록 관리자페이지-홈페이지관리에서 하실 수 있도록 안내드립니다.
1. 우선 색은 고유번호가 있습니다. 그래서 원하시는 색의 고유번호 #000aaa ( 보통 #다음 알파벳+숫자 또는 전부숫자 또는 전부 알파벳 6자리로 구성되여 있습니다) 이코드만 알면 변경이 쉽습니다.
색고유번호 찾아보기 - https://www.w3schools.com/colors/colors_picker.asp
위를 클릭하시면 아래와 같이 나오며, 색을 선택하시면 #ff0000 이라고 빨간색 고유번호를 확인할수 있습니다. 이런식으로 원하시는 색의 고유번호를 메모해 주시면 되십니다.
2.각 훈련기관LMS 사이트 메인화면을 보시겠습니다. 그러면, 아래와같이 3가지 색을 구분하여 변경 하실 수 있습니다.
홈페이지 관리 > 디자인 관리 > CSS편집- 수정방법 (이미지 참조)
그러면, PC CSS [ custom ]에서 1번색, 2번색, 3번색 기입란에 색을 넣으시면 됩니다.
--------------------------------------------------------------------------------------------------------------------
참고: 아래처럼 교육원소개 와 국민내일배움카드 등 흰 텍스트 와 수강신청 사이 " | " 부분 과 메뉴 백그라운드(배경색)변경 방법을 알려드립니다.
관리자페이지 > 홈페이지관리 > 레이아웃편집 > 헤더영역에 27번줄쯤에 <style>~~~</style >
부분을 복사해서 넣으신후 색만 원하시는 색코드를 넣어주시면 되십니다 !
<style>
.menu_wrap #gnb li a:after {background-color: black; } - 교육원소개와 국민내일배움카드 사이 " | " 부분 변경하는곳
.menu_wrap #gnb .gnb_sub {background-color: yellow ; } - 메뉴클릭시 소메뉴의 배경색
.menu_wrap #gnb li a {color: #003300;} - 교육원소개, 국민내일배움카드 등 흰색 메뉴바의 텍스트색 변경
</style>
코드 입력방법: 1) 직접 텍스트로 쓰는 방법 예: blue, red,yellow 등등
2) #000000 ( 고유번호 찾아서 6자리 넣기 )
색고유번호 찾아보기 - https://www.w3schools.com/colors/colors_picker.asp
또는 RGB 색상표바로가기 또는 검색창에 색상 팔레트를 치시면 되십니다.
3) rgb 함수 방식을 넣기 : 예: (70%, 50%, 20%); } - rgb는 red,green,blue의 빛의 3원색을 비율로 결합
참조.
아래를 먼저 복사해서 각훈련기관 CSS편집 - PC CSS [CUSTOM]에서 붙여넣기 하시고 위의 색번호를 확인 후 #6자리를 아래 3군데 각각 넣으시고 수정을 클릭하시면 되십니다.
@charset "utf-8";
#header:after { background-color: #005486; } -1번
.hamburger { background-color: #005486; } -2번
.hamburger.is-active { background-color: #005486; } -3번
관련게시글
메인페이지 (수강신청과정)의 노출방식. (차수단위)-updated by 2023.01.05
메인페이지 및 수강신청에 썸네일 변경 방법 - 2023년 1월5일
홈페이지 내 메인페이지 하단 고객센터 게시판명 변경 방법안내 - 2022.12.30
홈페이지관리-디자인관리[내마음대로 홈페이지 메뉴구성해보세요-2022년8월1일]-(2)
홈페이지관리-디자인관리[내마음대로 홈페이지 메뉴구성해보세요-2021년3월29일]-(1)
보다 편리한 홈페이지 관리를 위해서 최선을 다합니다.
감사합니다.