게시판의 목록/수정/삭제 버턴의 모양을 변경하는 코드 입니다.
적용가능한 테마 종류
DevRyan Theme / Cosmo Theme
XE 관리자 / 테마 디자인 / 테마설정 / DevRyan Theme 항목 우측의 기어모양 클릭 / 제일 하단의 헤드 스크립트 입력란에 아래 코드를 넣으면 됩니다.
헤더 스크립트 HTML <head>...</head> 사이에 들어가는 코드를 직접 입력할 수 있습니다. 예) <script>, <style>, <meta>
입력창에 넣습니다. 아래 처럼 마우스 오버시엔 분홍색으로 변합니다. 기본 색상값은 변경 되었습니다.
<style>
/* 1. 상세보기 화면 하단 버튼 기본 상태 - 배경: 아주 밝은 미색, 테두리: 연한 회색, 글자: 검정, 모서리: 5px */
.xe-list-board-body__edit-box .xe-list-board-body__edit-item a,
.xe-list-board-body__edit-box .xe-list-board-body__link {
display: inline-block !important;
padding: 8px 18px !important; /* 버튼 크기 안쪽 여백 */
border: 1px solid #e2e2e2 !important; /* 이미지와 같은 아주 연한 회색 테두리 선 */
background-color: #f9f9f9 !important; /* 기본 배경색: 이미지와 같은 아주 밝은 미색/연회색 */
color: #000000 !important; /* 기본 글자색: 검은색 */
text-decoration: none !important; /* 밑줄 강제 제거 */
border-radius: 5px !important; /* 모서리 5px 라운드 처리 */
font-size: 14px !important; /* 글자 크기 */
line-height: 1.5 !important;
vertical-align: middle !important;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important; /* 부드러운 색상 전환 */
}
/* 2. 마우스 커서가 올라갔을 때 (Hover) - 배경: 엷은 분홍색, 글자: 짙은 분홍색 (이전 설정 유지) */
.xe-list-board-body__edit-box .xe-list-board-body__edit-item a:hover,
.xe-list-board-body__edit-box .xe-list-board-body__link:hover {
background-color: #fce4ec !important; /* 마우스 올렸을 때: 엷은 분홍색 */
border-color: #f8bbd0 !important; /* 테두리 선도 어울리는 연분홍색으로 변경 */
color: #880e4f !important; /* 글자색: 짙은 분홍색 */
}
</style>
0개 댓글