게시판에서 다크모드 사용하기(view.skin.php)
게시판 본문보기에서 주로 텍스트 입력부분 (<div id="bo_v_con">)을 토글을 사용해서 다크모드로 보는 방법입니다.
pc, mobile 모두 view.skin.php 파일에서
[code]<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>[/code]아래에 다음 다크모드 코드를 넣어줍니다.
다크모드에서 적용할 배경색, 텍스트칼라, 폰트사이즈는 .darkMode에서 정하시면 됩니다.
[code]<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>
<?php //echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>
<!-- 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 -->[/code]

다크모드

감사합니다
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 4개