그누보드 메뉴 박스 칼라 마우스 클릭시 칼라 지정 변동하기
작성자 정보
- 최고관리자 작성
- 192.♡.0.1 아이피
- 작성일
컨텐츠 정보
- 739 조회
- 목록
링크
첨부
본문
메뉴 박스 칼라 마우스 클릭시 칼라 지정 변동하기
W:\g5\skin\board\BS4-Basic-Webzine_11q\write.skin.php
기존 btn btn-primary 를 btn btn-primary2 와 btn btn-primary3를 구성 변경 합니다
<!-- 작성완료 -->
<div class="px-3 px-sm-0">
<div class="row mx-n2">
<div class="col-6 order-2 px-2">
<button type="submit" id="btn_submit" accesskey="s" class="btn btn-primary3 btn-lg btn-block en">작성완료</button>
</div>
<div class="col-6 order-1 px-2">
<a href="<?php echo get_pretty_url($bo_table); ?>" class="btn btn-primary2 btn-lg btn-block en">취소</a>
</div>
</div>
</div>
<!-- 작성완료 -->
스타일 추가 <style> 밑에 추가합니다
칼라변경은 에디터에서 직접 선택 변경 합니다
<style>
.btn-primary2 {
background-color: #81058E !important; /* 취소 버튼 기본 배경색 (보라색) */
color: #ffffff !important; /* 취소 버튼 글씨색 (흰색) */
border: 1px solid #81058E; /* 취소 버튼 테두리 */
}
.btn-primary2:hover {
background-color: #5e0467 !important; /* 취소 버튼 마우스 올렸을 때 (더 진한 보라색) */
color: #ffffff !important;
}
.btn-primary3 {
background-color: #007BFF !important; /* 작성완료 버튼 기본 배경색 (파란색) */
color: #ffffff !important; /* 작성완료 버튼 글씨색 (흰색) */
border: 1px solid #007BFF; /* 작성완료 버튼 테두리 */
}
.btn-primary3:hover {
background-color: #0056b3 !important; /* 작성완료 버튼 마우스 올렸을 때 (더 진한 파란색) */
color: #ffffff !important;
}
</style>
첨부 파일을 스킨보드에 구성 PDF보기( W:\g5\skin\board\BS4-Basic-Webzine_11q_pdf_php82\view.skin.php + view_pdf.php구성)
관련자료
-
링크
-
이전
-
다음
댓글 0
등록된 댓글이 없습니다.