Depast Depast

CSS 수정 블로그 관리 → 꾸미기 → 스킨편집 → html 편집 → CSS * 스킨마다, 사람마다 각각 CSS 안에 수정해야하는 위치는 다르다 나는 기본 Letter스킨에서 여러 수정과 추가 내용도 있어서 기본 Letter스킨과도 위치는 다르다 그래서 HTML 혹은 CSS 수정하는 칸 안에서 찾기(ctrl+f)로 '찾기'로 올려둔 코드를 복사하여 위치를 찾아서 해당 숫자 등을 바꾸면 된다 * 관리자 도구를 이용하여 수정하고 싶은 부분 미리 확인해보기 (이전 글) 2020/12/30 - [티스토리/스킨｜수정] - 티스토리｜스킨 수정｜홈 화면 게시물 썸네일 크기, 글씨 크기 수정｜Letter스킨｜관리자 도구｜HTML / CSS (1) 글씨 크기, 줄 간격 찾기 코드 : 다음 내용을 복사하여 CSS에서 찾기..

서론 포스팅의 글이 길어지고 두서없이 써 내려가다 보면 쓴 사람도 그렇고 읽는 사람 또한 정리가 잘 안되고 글 가독성이 안 좋아진다 또 글이 길면 내가 찾고자 하는 주제가 어디쯤 나오는지 일일이 스크롤을 내리면서 찾아야 한다 포스팅을 맨 처음 할 때 생각해 보았는데 목차가 있어서 마우스로 원하는 주제를 누르면 그 부분으로 휙 넘어가는 다른 홈페이지에서는 문득 본 거 같은 그런 기능이 역시 블로그에도 적용할 수 있는 방법이 있었다 티스토리에 직접 있는 기능은 아니어서 역시 HTML과 CSS를 만지작 해야 했다 크게는 두 가지가 있는데 1) 위키백과처럼 글 최상단에 '목차'로 만들어서 원하는 제목에 찾아가는 방법 (다시 목차 보려면 Home 버튼을 눌러 맨 위로 가야 하는..) 2) 페이지 좌 or 우측에 ..

블로그 관리에 플러그인 중에 '카테고리 글 더 보기'라는 플러그인이 있다 이 녀석인데 이것을 사용을 하게 되면 본문 맨 아래에 이렇게 카테고리의 다른 글들을 보여준다 그런데 이 박스 내부 테두리가 보기 싫다 글 주변에 테두리를 없애버리고 싶다 간결하게 바꾸고 싶다 이 정도만 되어도 깔끔해 보인다 이전스킨｜수정 카테고리의 이전 글들에 CSS 편집 과정은 충분히 설명이 됐으리라 생각이 되어 CSS 편집 찾아가는 위치와 기존 letter의 원본 백업을 남겨둔다 나는 이미 기존 Letter 스킨에서 프로필 사진을 넣는 과정이 추가가 되어 행은 기존 Letter 스킨과 조금 다를 수가 있지만 그 근처일 것이다 ■ 카테고리 다른 글 박스_글 좌측, 날짜 좌측 경계선 .article_view table tr td {

스킨 편집 - 홈 설정에서 메인화면에 뜨는 게시글들을 '최신 글'이 아닌 '커버'로 하여 커버아이템 '리스트'로 설정해보니 홈 화면에 기존의 '최신 글'처럼 좌측 썸네일과 우측 제목, 내용의 구성으로 되었는데 게시글이 2개만 노출되고 그 아래 MORE POST 버튼이 생겼다 깔끔해 보여서 좋긴 한데 저 MORE POST 버튼을 수정하고 싶었다 MORE POST 박스 수정하기 - F12 관리자 도구 확인 크롬 - 홈 화면에서 F12 관리자 도구 - Ctrl + Shift + C로 MORE POST 박스에 가져가니 정보가 나오고 클릭하니 우측에 HTML / CSS 정보가 나온다 CSS의 884행에 가면 수정할 수 있는데 만져보면서 알아낸 것은 곧바로 CSS 편집으로 가서 하나하나 수정하고 새로 고침하며 확인..

Letter 스킨에 프로필 사진 넣기에 이어 홈 화면에 표시되는 게시물의 전체적인 크기를 수정하고 싶어 검색을 조금 더 해보고 만지작 해본 결과를 공유한다 먼저 기존 구성이 어떻게 되어 있는지, 그리고 어느 부분을 수정해야 하는지 방법을 조금 익힌 바에 의하면 관리자도구를 활용하여 HTML / CSS 확인 (홈 화면 게시물 제목) 이것이 현재 블로그의 홈 화면인데 여기서 - 화면 빈 곳 오른쪽 마우스 -> 검사 (N) or - Ctrl + Shift + I or - F12 를 누르면 관리자 도구가 실행이 된다 크롬은 오른쪽에 실행된다 여기서 윗칸의 Elements 부분이 HTML, 아래칸의 Styles 부분이 CSS를 확인 할 수 있는 부분이라고 한다 여기서 위 칸의 Elements의 좌측에 마우스 아이..

서론 티스토리의 기본 스킨 중에 Letter 스킨이 깔끔하고 마음에 들어서 선택을 했다 Letter 스킨은 사이드바가 실제로는 하단에 있어 인기 포스트, 링크, 관리자 메뉴, 블로그 정보 등이 하단에 표시가 되고 방문자 수만 왼쪽 사이드 메뉴바의 하단에 표시가 된다 이것들도 공부하여 사이드바 위치 변경, 폰트 등을 하나하나 바꿔나갈 생각이다 아직 나는 HTML과 CSS가 뭔지 하나도 모른다 그리고 Letter 스킨은 다른 스킨들처럼 사이드 메뉴바 상단에 프로필 사진을 지원하지 않는다 관리 - 꾸미기 - 사이드바에 기본 모듈에 플러그인을 설치하면 [플러그인] 이미지 배너 출력 [플러그인] HTML 배너 출력 등이 추가가 가능한데 두 가지 모두 사이드바가 하단에 있기에 이렇게 화면 맨 아래에 사진이 뜬다 그..