![]()
# 티스토리 카테고리 마우스 효과카테고리 혹은 링크로 설정된 요소 위에 마우스를 올리면 색이 변하도록 설정하는 방법입니다 1. 해당 요소 확인📢 제가 사용하는 hELLO을 기준으로 설정하는 것이며 다른 스킨인 경우 적용이 안 될 수 있다는 점 참고해 주세요! 자신의 블로그에 들어가서 개발자 모드(F12)를 켜줍니다개발자 모드에 요소 선택 버튼으로 카테고리 부분을 선택 link_item 요소를 클릭하면 적용된 스타일이 있는 것을 확인할 수 있습니다 2. CSS 수정2.1 수정할 요소 찾기티스토리 관리자 페이지(티스토리URL/manage)에서 스킨 편집 > html 편집에서 css를 수정 우측에 있는 HTML | CSS | 파일업로드에서 CSS를 클릭하고 1번에서 확인한 스타일을 검색#sidebar ..
![]()
# 토글스위치토글스위치는 움직임이 있어 만들기 복잡할 거 같지만 CSS만으로도 간단하게 만들 수 있다1. HTML 작성토글 스위치는 checkbox와 label을 이용해 만들어준다 더보기💡 요소는 다른 요소의 이름표 역할을 한다 for 속성을 사용하여 다른 요소의 id 값을 지정함으로써 두 요소를 결합시킬 수 있다 예를 들어, 라벨 과 가 있을 때 라벨을 클릭하면 해당 입력란이 선택되거나 동작할 수 있다 → checkbox와 함께 사용하면 라벨 클릭 시 체크박스가 on/off 되겠죠!아무 스타일이 적용되지 않았을 땐 체크박스 부분만 달랑 나오게 된다 2. CSS 작성2.1 ) 기존의 checkbox 버튼 숨기기.toggle-input { ..
