인사이트/블로그47 [티스토리 블로그 꾸미기] 카테고리 리스트 위아래 테두리 변경하기 이전 글인 카테고리 리스트 타입 변경하기에 이어 이번에는 리스트 위아래 실선을 변경하는 방법에 대해 소개해드리겠습니다. 현재도 실선이 적용되어 있지만, 배경색에 가려 잘 보이지 않을 수 있습니다. 선명하게 보이도록 변경하고, 게시글 별 구분선을 점선으로 설정하는 방법도 소개하겠습니다.티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다. CSS 코드 바꾸기우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다. 위쪽 실선 색상 변경하기 '전체 글' 하단에 연한 회색으로 실선이 있는 것을 확인.. 인사이트/블로그 2024. 5. 15. 더보기 ›› [티스토리 블로그 꾸미기] 카테고리 리스트 타입 변경하기 이번 글에서 블로그 홈이나 카테고리에서 보여지는 리스트 타입을 변경하는 방법에 대해 소개해드리겠습니다. 여러 가지 리스트 타입이 있지만, 개인적으로 설명드리는 '뉴북' 스타일이 좋다고 생각이 듭니다.티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기 먼저, 새로운 글을 대충 작성해주세요. 이렇게 하면 리스트 타입 변경 전과 후의 모습을 미리보기를 통해 확인할 수 있습니다.관리자 페이지 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집' 버튼을 클릭하면 새로운 창이 열립니다.html 편집 창을 열면 기본 설정으로 되어 있습니다.새로운 창이 열리면, 오른쪽 메뉴에서 스크롤로 내려 '리스트' 탭 안에 '리스트 타입'을 찾습니다.'리스트 타입'에서 '북리뷰'를 클릭하면 다양한 리스트 타입이 나옵니다.. 인사이트/블로그 2024. 5. 15. 더보기 ›› [티스토리 블로그 꾸미기] 푸터 배경색/글자색 변경하기 이번 글에서는 블로그 푸터(바닥글) 배경색/글자색 변경하는 방법에 소개해드리겠습니다. 헤더 부분과 원리는 동일합니다. 코드의 위치만 조금 다르니 이 부분만 확인해서 변경하면 됩니다.티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다. CSS 코드 바꾸기우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다. 배경색 변경하기 푸터(바닥글) 색상이 본문 배경색과 같은 것을 확인할 수 있습니다.CSS 파일 내에서 아무 곳이나 클릭한 후, Ctrl+F를 눌러 검색창에 '#footer'를 입력합니다.. 인사이트/블로그 2024. 5. 15. 더보기 ›› [티스토리 블로그 꾸미기] 모바일 메뉴 배경색 변경하기 이전 글인 블로그 헤더 배경색/글자색 변경하기에서 배경색 변경한 후, 모바일 화면 전환 시 메뉴의 배경색이 투명한 것을 확인할 수 있었을 것입니다. 그래서 이번에는 검색 버튼과 색상을 통일하기 위해 모바일 메뉴 배경색을 변경하는 방법을 소개해드리겠습니다. 한번에 알려드리지 못해 죄송하지만, 이렇게 하나씩 변경되는 모습을 보며 성취감을 느끼실 수 있을 것입니다.티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다.CSS 코드 바꾸기우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다. 모바일.. 인사이트/블로그 2024. 5. 15. 더보기 ›› [티스토리 블로그 꾸미기] 검색 버튼 배경색 변경하기 이전 글인 블로그 헤더 배경색/글자색 변경하기에 이어, 이번에는 헤더에 있는 검색 버튼(돋보기)의 배경색을 변경하는 방법을 소개해드리겠습니다. 지난 글에서 배경색을 변경했지만, 검색 버튼(돋보기)의 배경색이 함께 변경되지 않아 어울리지 않는 느낌을 받으셨을 것입니다. (제가 그래요...) 그래서 이번에는 검색 버튼의 배경색도 함께 변경하여 통일감을 주도록 하겠습니다.티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다. CSS 코드 바꾸기우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다.. 인사이트/블로그 2024. 5. 14. 더보기 ›› [티스토리 블로그 꾸미기] 헤더 배경색/글자색 변경하기 이전 글인 블로그 배경색 변경하기에 이어서, 이번에는 헤더 배경색과 글자색을 변경하는 방법을 소개해드리겠습니다.티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기 관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다.CSS 코드 바꾸기 우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다.배경색 변경하기CSS 파일 내에서 아무 곳이나 클릭한 후, Ctrl+F를 눌러 검색창에 '#header'를 입력합니다. 보통 143번째 줄에 있습니다.아래의 코드를 복사하여 '#header' 부분에 넣습니다.#header { border-bottom: .. 인사이트/블로그 2024. 5. 14. 더보기 ›› [티스토리 블로그 꾸미기] 배경색 변경하기 티스토리 블로그를 시작하기 전에, 배경색을 꾸며보는건 어떨까요? 블로그를 더 애착 있게 운영하기 위해 처음부터 꾸미기를 시작했습니다. 물론, 꾸미기 없이 글만 쓰는 것도 충분히 좋은 방법입니다. 하지만 저는 블로그를 꾸미면서 더 열심히 하려는 의지가 생기더라구요.이번 글에서는 티스토리 '북클럽' 스킨을 기준으로 배경색을 변경하는 방법을 소개하겠습니다.스킨 편집 들어가기 관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다.CSS 코드 바꾸기 우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다.CSS파일에서 26번째 줄에 있는 'body'부분을 찾습니다... 인사이트/블로그 2024. 5. 14. 더보기 ›› 이전 1 2 3 다음
