웹사이트 다크 모드 만들기1 - 그누보드세션적용
페이지 정보
본문
1. css추가
.dark-mode {
background:#111;
color:#ddd;
}
2.body 수정
<?php
// 이미 체크 되었다면 Continue
if (isset($_COOKIE["darkmode"]) && $_COOKIE["darkmode"]) {
$darkmode = "dark-mode";
$exp_time = 9999999;
}
?>
<body class="<?php echo $darkmode?>"<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?>>
3. 버튼추가
<button onclick="darkfunction()">Dark mode</button>
<script>
function darkfunction() {
var element = document.body;
element.classList.toggle("dark-mode");
var ck_name = "darkmode";
var exp_time = <?php echo ($exp_time == 0)?9999999:0;?>;
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
}
</script>
추천0
댓글목록
등록된 댓글이 없습니다.
