게시판에서 다크모드 사용하기(view.skin.php) 정보
게시판에서 다크모드 사용하기(view.skin.php)
관련링크
본문
게시판 본문보기에서 주로 텍스트 입력부분 (<div id="bo_v_con">)을 토글을 사용해서 다크모드로 보는 방법입니다.
pc, mobile 모두 view.skin.php 파일에서
<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>다크모드에서 적용할 배경색, 텍스트칼라, 폰트사이즈는 .darkMode에서 정하시면 됩니다.
<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
<?php //echo $view['rich_content']; // 과 같은 코드를 사용할 경우 ?>
<!-- dark mode toggle start -->
<style>
.darkMode{
background-color: black;
padding: 10px;
color: white;
font-size: 16px;
}
</style>
<button onclick="myFunction()">Dark Mode </button>
<script>
function myFunction(){
document.getElementById("bo_v_con").classList.toggle("darkMode");
}
</script>
<!-- dark mode toggle end -->
다크모드
감사합니다
추천
5
5
댓글 4개
감사합니다.
좋은 팁 입니다.
수고하셨습니다
감사합니다.
