TIL/블로그 2

[웹][티스토리 블로그 꾸미기] 메신저 말풍선처럼 댓글 꾸미기

이번 블로그 꾸미기는 게시글 댓글이나 방명록의 글을 메신저 말풍선처럼 대화하는 모습으로 꾸미기 입니다. 여기서 포인트는 블로그 주인장의 답글만 방향이 다르도록 하는거에요! 자 그럼 함께 바꿔봅시다 템플릿은 지난번에 이어 [ Odyssey ] 를 사용하겠습니다. 스킨 편집 > 'html 편집' 으로 들어가주세요. 그 다음은 CSS 탭을 클릭 댓글 태그의 CSS를 바꿔야 하니 댓글을 담당하는 태그와 그 태그의 class 명을 알아야해요! 이전 포스팅에서 알려드린 팁을 활용해서 새창으로 블로그를 하나 띄워주시고 F12 - 개발자모드 > 요소 선택 > 댓글 부분을 누르면 댓글의 CSS 클래스명을 알 수 있답니다 (づ ̄ 3 ̄)づ 다른 템플릿을 사용중이신 분이라면 댓글의 클래스명을 이 방법으로 찾아주시면 되겠습니당..

TIL/블로그 2022.09.18

[웹][티스토리 블로그 꾸미기] 상단 헤더 꾸미기

티스토리 블로그가 이렇게 커스텀이 자유로운지 몰랐다 ⊙.☉ 프론트엔드 개발자의 디자인 본능이 아주 드릉드릉 하구만 그래 일단, 기본 템플릿은 [ Odyssey ] 를 사용했습니다. HTML 기본 틀을 그대로 사용할거고 CSS를 위주로 바꿔서 수정할 예정이에요. 1. 헤더 고정 기존 헤더는 스크롤을 내리면 보이지 않는데요. 저는 헤더가 항상 화면 상단에 박혀있으면 좋겠거든요. 그래야 언제든 메인으로 바로 가거나, 검색을 할 수 있을테니까 자, 그럼 스킨 편집 > 'html 편집' 으로 들어가줍시다. 그 다음은 CSS 탭을 클릭 여기서 검색(Ctrl + F)으로 '.header' 를 검색해주세요. 기존에 header 의 position 이 relative 인걸 fixed로 바꿔서 짱박아줄거에요. 주석처리한 ..

TIL/블로그 2022.08.29