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

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

팁앤테크

웹사이트 다크 모드 만들기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

댓글목록

등록된 댓글이 없습니다.

Total 770건 30 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
45 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4971 0 02-28
44 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4920 0 06-20
43 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4889 0 12-10
42 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4841 0 05-14
41 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4672 0 12-29
40 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4670 0 06-20
39 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4561 0 02-28
38 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4543 0 11-29
37 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4422 0 05-13
36 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4353 0 05-18
35 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4342 0 12-20
34 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4191 0 02-22
33 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4164 0 05-14
32 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4145 0 05-17
31 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4141 0 03-12
30 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4115 0 01-01
29 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4106 0 10-20
28 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3984 0 02-26
27 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3947 0 02-15
26 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3947 0 02-26
25 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3942 0 12-15
열람중 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3921 0 02-27
23 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3635 0 02-27
22 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3615 0 10-31
21 제로쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3545 0 03-03

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
3,890
어제
7,853
최대
8,233
전체
1,598,166
Copyright (c) 株式会社YHPLUS. All rights reserved.