웹사이트 다크 모드 만들기1 - 그누보드세션적용 > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

웹사이트 다크 모드 만들기1 - 그누보드세션적용

페이지 정보

profile_image
작성자 제로
댓글 0건 조회 38,577회 작성일 22-02-27 01:12

본문

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>

댓글목록

등록된 댓글이 없습니다.

Total 73건 1 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
73 제로 64246 03-03
72 제로 55877 02-27
열람중 제로 38578 02-27
70 제로 74097 05-14
69 제로 49936 04-12
68 제로 90424 07-30
67 제로 58946 02-10
66 제로 40322 09-27
65 제로 58538 05-17
64 제로 77992 02-19
63 제로 47827 12-05
62 제로 58690 03-19
61 제로 56207 02-23
60 제로 73641 05-02
59 제로 74910 12-26
58 제로 72144 12-24
57 제로 55026 10-16
56 제로 71997 05-18
55 제로 74773 04-17
54 제로 74633 03-06
53 朴城忍 77877 02-27
52 제로 69424 12-10
51 제로 66006 07-06
50 제로 65822 05-25
49 제로 90464 05-10

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5470-4714
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
8,649
어제
27,982
최대
431,155
전체
11,339,351
Copyright (c) 株式会社YHPLUS. All rights reserved.