티스토리 뷰

WEB

kboard default 테마 디자인 수정

마시멜로co. 2020. 12. 29. 09:55

리스트 박스 깨지는 부분 수정, kboard 문구 삭제, 좋아요 싫어요 삭제 ( 아래 내용 파일 첨부)

kboard_custom_css.txt
0.00MB


/*kboard set********************************************************************STR*/
	/*우상단 리스트박스*/
#kboard-default-list .kboard-list-header .kboard-sort select,
	#kboard-thumbnail-list .kboard-list-header .kboard-sort select {
	-webkit-appearance: menulist !important;
	background-color: #fafafa !important;
} /*table head(상단 타이틀 tr)*/
#kboard-default-list table {
	background: transparent !important;
}

#kboard-default-list thead, #kboard-default-document .kboard-detail {
	background: #f4f4f4 !important;
	border: 1px solid #eaeaea !important;
}

#kboard-default-list .kboard-list thead tr td {
	border-bottom: 1px solid #ddd !important;
} /*kboard문구 삭제*/
.kboard-default-poweredby, .kboard-thumbnail-poweredby {
	display: none !important;
} /*좋아요,싫어요 삭제*/
.kboard-button-like {
	display: none;
}

.kboard-button-unlike {
	display: none;
} /*버튼색상*/
a.kboard-thumbnail-button-small, input.kboard-thumbnail-button-small,
	button.kboard-thumbnail-button-small, a.kboard-default-button-small,
	input.kboard-default-button-small, button.kboard-default-button-small,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a,
	#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a,
	#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li:hover a,
	#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a
	{
	background-color: #2f84c6 !important;
	color: #fff !important;
}

#wp-kboard_content-media-buttons button, #qt_kboard_content_toolbar input
	{
	background-color: #666 !important;
	color: #fff !important;
	border: 1px solid #111 !important;
}

#wp-kboard_content-media-buttons button:hover,
	#qt_kboard_content_toolbar input:hover {
	background-color: #666 !important;
	color: #fff !important;
	border: 1px solid #333 !important;
}
	/*kboard set********************************************************************END*/

위 css를 워드프레스에서 커스텀 css 부분에 추가합니다.

 

 

추가적으로 kboard 작성시간을 작성일로 변경하는 방법은

 

kboard// 스킨 파일을 수정해주셔야 합니다.

 

/wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일을 수정해주세요.

 

<?php echo $content->getDate()?>

 

위 코드를 모두 찾아서 아래 코드로 바꿔주세요.

 

<?php echo date('Y-m-d', strtotime($content->date))?>

 

수정화면

 

 

최종화면

 

상세보기

 

수고하셨습니다!

 

'WEB' 카테고리의 다른 글

[PWA] Vue.js + Express + MySQL 연동 2  (188) 2021.01.06
[PWA] Vue.js + Express + MySQL 연동 1  (364) 2021.01.05
한국전자인증 도메인 연결 방법  (0) 2020.12.22
aws ec2 서버와 카페24 도메인 연결  (0) 2020.12.22
[PWA] 앱 배포하기  (0) 2020.11.17
댓글
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크