티스토리 리스트 들여 쓰기티스토리 블로그에서 글을 작성할 때 기본으로 제공되는 메뉴를 활용하게 됩니다. 그중에서도 리스트 메뉴는 가장 자주 사용되는 기능입니다. 리스트 글을 작성할 때 방문자에게 가독성을 높이기 위해 들여쓰기를 활용하는 것이 좋습니다.변경 전 모습 확인아래의 모습은 티스토리 블로그에서 리스트 글 작성 시 들여쓰기가 적용되지 않았을 때의 모습입니다.엔터를 입력해도 구분이 어려워, 특히 모바일에서 볼 때 어느 부분이 1번 글인지 혼란스럽습니다. 이러한 문제는 방문자에게 불편을 줄 수 있으니, 가독성을 높이기 위해 들여쓰기를 설정하는 것이 중요합니다.자동 들여 쓰기 설정 방법티스토리 스킨의 CSS 코드를 수정할 수 있는 위치로 이동한 후, menu를 검색해 주세요. 해당 코드의 위치를 확인하셨..

hELLO 스킨 커스텀정상우 님이 무료로 배포해 주시는 티스토리 블로그 스킨의 경우 다크모드와 라이트모드 두 가지를 사용할 수 있습니다. 이것은 블로그를 방문하는 사용자가 선택하여 변경할 수 있습니다. 하지만 두 가지 모드를 모두 사용하지 않고 한 가지만 사용하실 분들에게 알려드리는 정보입니다. hELLO 스킨 버전 4.10.0c에 맞춰 작성된 코드라는 것을 참고하세요.HTML 코드 수정html 최상단에 scroll-smooth 클래스가 위치한 곳에 dark를 추가 입력합니다.xl:w-c" id="bottom" x-data="bottom">테마 -->상단으로html 하단에 위치한 플로팅 테마 버튼과 상단으로 코드가 위치한 곳에서 테마 버튼을 사용할 수 없도록 주석처리합니다.HTML 수정 결과기본적으로 제..

hELLO 스킨 글쓰기hELLO 스킨을 사용하시는 분들 중에는 새 글 작성에 대한 불편사항을 말씀하시는 분들이 많습니다. 하지만 이 기능은 티스토리에서 단축키를 통해 더욱 원활하게 이용할 수 있도록 지원하고 있습니다. 기본적인 글 작성을 위한 단축키는 물론, 새 글 작성, 관리자 페이지 이동, 글 수정 단축키도 쉽게 활용할 수 있습니다. 이번 글에서는 이러한 단축키를 방문자들에게 쉽게 안내할 수 있도록 사이드바에 관련 정보를 배치하는 커스텀 방법을 소개하겠습니다. 이 안내는 정상우 님의 hELLO 스킨 버전 4.9.0을 기준으로 작성되었음을 명심해 주세요.또한, 이번에 제공하는 코드는 hELLO 스킨에만 국한되지 않으므로, 다른 블로그에서도 적용하고 싶으신 분들은 코드 수정 후 자유롭게 사용하실 수 있습..

hELLO 스킨 태그 색상정상우 님이 무료로 배포하는 hELLO 스킨의 버전에 따라 커스텀하는 코드가 달라질 수 있습니다. 이 글에서 제공하는 CSS 코드는 hELLO 스킨 v4.9.0에 맞춰 작성된 것입니다. 따라서, 자신의 블로그에 적용하기 전에 사용 중인 버전에 맞게 적절히 수정하시기 바랍니다. 여러분의 블로그에 최적화된 디자인을 위해 필요한 수정 작업을 잊지 마세요.태그 색상 커스텀이번 hELLO 스킨 커스텀 CSS 부분은 기본적인 코드를 수정할 필요 없이 추가하기만 하면 됩니다. 기본 태그는 기본 폰트 색상에 마우스 호버 효과만 적용되어 있어, 다소 심심해 보일 수 있습니다. 마우스 호버 색상도 간단하게 처리되어 있어, 시각적으로 더욱 매력적으로 바꿀 수 있는 여지가 있습니다.따라서, 이 글에서..

hELLO 스킨 테이블 스타일티맥스 블로그에서 사용하는 hELLO 스킨 커스텀에 대한 글은 버전 4.9.0을 기준으로 작성되었습니다. 이후 정상우 님의 hELLO 스킨 업데이트에 따라 저의 블로그도 곧 업데이트할 예정입니다. 현재 티스토리 내에서 패치가 진행되고 있어 잦은 오류와 버그가 발생하고 있으므로, 4.9.0 버전에 머물지 않고 업데이트할 계획입니다. 이 글은 잊지 않고 커스텀할 사항들을 기록하기 위한 것이니, 테이블 스타일을 커스텀하지 않으실 분들은 참고만 하셔도 괜찮습니다.테이블 스타일 변경hELLO 스킨 기본적으로 제공하는 테이블 스타일 CSS코드는 다음과 같습니다.#tt-body-page #article .contents_style table[data-ke-align] td,#tt-body..

hELLO 스킨TMAX 블로그는 정상우 님이 계발하여 배포해 주시는 hELLO 스킨을 사용합니다. 기존 프라치노 공간과 프라치노 공책 스킨을 사용하였는데 새롭게 변화하고 있는 티스토리 구조에 대하여 업데이트가 이루어지지 않고 있으며, 구매자 취향에 맞게 스킨을 수정하는 것이 어렵고 복잡하여 정상우 님의 hELLO스킨을 사용하기로 하였습니다.기본 배경 색상 변경기존 색상은 다크모드에 충실한 기본적인 색상입니다. 기존 색상도 나쁘지 않지만 저는 약간은 밝은 느낌의 다크모드였으면 하여 색상변경을 하였습니다. 아래는 기본 다크모드 색상 코드입니다..dark .dark\:bg-h-800 { --tw-bg-opacity: 1; background-color: rgb(30 31 33 / var(--tw-bg-op..