Awesome Soo Awesome Soo

🎸 기타

• [티스토리] 오른쪽 스크롤바 없애기

  🎸 기타/티스토리 관리 2022. 2. 2. 01:55

  티스토리 꾸미기에 빠지다 보니 기술블로그의 본분을 잊은 것 같습니다.. 하지만 또 티스토리 꾸미기 재미있는걸요... 그리고 저 처럼 블로그 꾸미기에 관심이 생긴 분들을 위해 이 글을 바칩니다😁 상단 스크롤바를 만들면서 오른쪽 스크롤바를 제거 하고 싶다면 아래와 같은 코드를 HTML 편집에 CSS에 입력하시면 됩니다. /* 스크롤바 없애기 */ body::-webkit-scrollbar { display: none; }

  Read More
• [티스토리] 상단 스크롤바 만들기

  🎸 기타/티스토리 관리 2022. 1. 24. 10:03

  요즘 티스토리 꾸미는 일에 재미가 들었는데요. 개발하면서 구글링을 하다보면 다른 분들의 블로그를 보게 되는데요. 그때 눈에 들어온게 상단에 보이는 프로그래스바(Progress bar) 였습니다. 스크롤 진행상황이 예쁘게 나오면 좋을 것 같아서 여유가 될 때 넣어보았습니다. 기능을 붙이려면 다음과 같은 작업이 필요합니다. 방법 티스토리 설정에서 html 편집으로 들어가서 html 안에 script를 넣어야 하는데요. /* START : 프로그래스바 */ /* END : 프로그래스바 */ /* 주석 */ 부분을 제외한 script만 태그 안에 넣으면 됩니다.

  Read More
• [티스토리] 다크모드 적용하기

  🎸 기타/티스토리 관리 2022. 1. 6. 10:54

  블로그에 다크모드를 적용하기 위해서 아래와 같이 작업을 하였습니다. @media (prefers-colors-scheme: dark) { body { background: black !important; } /* 원하는 값 넣기 */ } 이후 원하는대로 디자인을 하여 블로그를 꾸미면 됩니다. 요즘은 시스템 모드가 '다크 모드'인지 '라이트 모드'인지 감지해서 서비스되는 것들이 보이는데요. (제가 아는 대표적인 서비스 : 네이버 홈페이지 ) 저도 이렇게 블로그를 꾸며보면 재밌겠다고 생각했습니다. 기본 테마도 나쁘지 않지만 어두운 테마를 선호하는 저에게는 제 블로그를 이용해 주시는 사용자 시스템 따라 보여주는 것을 다르게 나타내면 좋지 않을까 하는 생각에서 기록을 해봅니다.

  Read More