레이아웃의 layout.html 파일을 열어
<load target="css/layout.css" />
밑에
<!--@if($_COOKIE["bgcolor"]=="black")-->
<load target="css/black.css" />
<!--@end-->
추가
다크모드 전환 버튼을 넣고 싶은 곳에
<!--@if($_COOKIE["bgcolor"]=="")-->
<a href="{$url}" onclick="setCookie('bgcolor', 'black', 10000)">다크모드 켜기</a>
<!--@end-->
<!--@if($_COOKIE["bgcolor"]=="black")-->
<a href="{$url}" onclick="setCookie('bgcolor', '', -1)">다크모드 끄기</a>
<!--@end-->
입력
게시판 스킨에도 적용 하고 싶으면
__setting.html을 열어
<load target="css/board.css" />
밑에
<!--@if($_COOKIE["bgcolor"]=="black")-->
<load target="css/black.css" />
<!--@end-->
추가
CSS파일을 더 여러개 만들고 쿠키를 black이 아닌 다른걸로도 굽게 하면 여러색 선택도 가능
위자즈
Lv. 2
댓글 5
팁 감사합니다. 페이지 내에서 버튼 클릭으로 컬러셋 테마를 직접 전환할 수 있겠네요!
오? 오래된 레이아웃인 스케치북 레이아웃에 적용되는 팁인가요? 스케치북 레이아웃 과 스케티북 게시판 스킨 사용자 입니다, 언젠가는 사용하는 레이아웃에 다크모드를 구현하고 싶다 하는 막연한 버킷 리스트가 있었는데 정말 감사한 팁 입니다 내용의 요지를 열심히 숙지해보고 이해해서 꼭 한번 구현해 보겠습니다.
오래된 스케치북 레이아웃 사용자 1인 으로 유용한 팁을 남겨주신 위자즈 님께 먼저 큰 감사를 드립니다.
질문을 드리고 싶은데 여기서 스케치북 레이아웃이란 XE시절 배포되었던 지금은 사라진 스케치북 레이아웃이 맞을까요? 아니면 라이믹스에 최적화된 new 스케치북 레이아웃이 따로 있는 걸까요?
예전 스케치북 레이아웃이 맞다면 원리가 스케치북 레이아웃에 있는 컬러셋 화이트 모드 / 블랙 모드(어두운 배경) 모드를 이용하여 다크모드 선택시 원래 있던 "black.css"를 불러와 레이아웃 설정이 아닌 다크모드 선택으로 불러오는 원리인 것으로 이해가 되는데 이 개념이 맞나요?
이 원리가 맞다면 스케치북 게시판에도 넣어 다크모드 설정을 일괄 불러오는 것으로 이해가 되는데 그럼 이 팁을 사용자 위젯 들 에게도 적용하여(위젯의 블랙모드 설정을 이용 하던가 없다면 black.css 를 따로 만들어 위젯 컬러셋 에 적용하면)레이아웃 + 게시판 + 위젯 등 에 일괄 적용이 가능할 것으로 이해가 됩니다.
이를 이용한 레이아웃 black.css 에 부족한 코드들을 추가하고 게시판이나 위젯등도 마찮가지로 black.css 를 추가해서 굽게 만들면 오래된 스케치북 레이아웃 이지만 훌륭하게 현대적으로 재 탄생 시킬수 있겠는데요?
좋은 팁 다시한번 깊이 감사 드립니다 위자즈 님
레이아웃은 잘 모르겠는데, 라이믹스용으로 그리고 php8.x에 맞게 수정된 스케치북 게시판은 있습니다.
https://github.com/rhymix/rhymix-sketchbook
내 예전에 라이믹스 픽스 이전 xe코어 시절에 스케치북 레이아웃 이라고 배포된 레이아웃이 있었는데 개인적으로 좋아하는 레이아웃이라 라이믹스로 넘어와서도 사용하고 있거든요..
너무 오래된 레이아웃 이라 php 업그레이드 이후 오류 나는 부분이나 지원 중단된 붙박이 위젯 부분 등을 수정하고 프레임 추가 수정해서 사용 중인데 저도 이 레이아웃에 다크모드를 이식해 볼까 생각중에 본문 주제인 "스케치북 레이아웃 다크모드 설정 팁" 이란 내용이 눈에 들어오긴 하는데 오래된 레이아웃이며 지원하던 스케치북 레이아웃 홈 페이지 마저 사라지고 레이아웃 설정 부분만 다른 페이지로 넘어가 설명하고 있는 상태라 혹 라이믹스 버전 스케치북 레이아웃이 따로 있는 것 인가?? 하는 의구심에 질문 남겼어요 ^^