skin.html 4

[CSS] 티스토리 포스트 제목 스타일(style)

[CSS] 티스토리 포스트 제목 스타일(style) 이글은 style.css 완전정복 3 에서 이어집니다. 오늘은 티스토리의 포스트 제목부 (title, 카테고리, 날짜) 대한 스타일 구성 및 스타일 수정에 대해서 알아보겠습니다. 편의상 존칭은 생략하겠습니다. 포스트 제목부와 스타일 포스트의 제목스타일을 알기 위해서는 skin.html 파일을 먼저 확인해야 한다. skin.html에서 제목에 사용하는 스타일이 어떤 이름으로 선언되어 있는지 알아야 한다. 아래의 내용은 skin.html 소스중 포스트 제목과 카테고리, 날짜 부분이다. 위의 내용중 빨강 테두리 부분이 포스트제목 부분이며 그 아래로 카테고리와 날짜가 배치되어 있으며 사용된 스타일(class)를 확인할 수 있다. 포스트 제목부로 선언된 스타일시..

티스토리 뽀개기 - 스킨 구조(skin.html) 이해하기

티스토리 스킨 구조 이해하기 수개월전부터 올리려고 했던 내용인데 이제서야 막을 열었습니다. 티스토리는 블로그를 임의로 꾸밀수 있도록 스킨파일(skin.html)과 웹문서 양식파일인 스타일시트파일(style.css)을 제공합니다. 블로그가 운영되기 위해서는 이 2개의 파일외에도 훨씬 많은 파일들이 필요하지만 블로거에게는 별로 필요없는 파일이기 때문에 보일 필요가 없습니다. 그러므로 티스토리로 블로그 운영을 하기 위해서는 이 2개의 파일내용만 이해를 한다면 본인이 원하는 형태로 자유롭게 꾸밀 수가 있습니다. 하지만 html 이나 css를 전혀 모르는 분이라면 조금의 어려움이 있습니다. 하지만 어려워도 알아야 하는 내용이고 모르면서도 소스를 들여다 봐야 하는 것이 티스토리입니다. 그렇기 때문에 아는만큼 쉽게 ..

티스토리 포스트내의 링크색 바꾸기

티스토리 포스트내의 링크색 바꾸기 티스토리에 블로그 둥지를 틀고 블로깅을 하다 보면 티스토리 특성상 스킨변경이나 포스트디자인에 관심들이 많습니다. 스킨은 포스트제목에서 링크, 글자색, 댓글표시방식, 각종 버튼들이 세트화되어 한꺼번에 바뀌어버리는 특징이 있습니다. 만약에 스킨중 제목색이라든지 댓글색등 일부만 변경하길 원한다면 skin.html이나 style.css를 수정해야만 합니다. 여기서는 style.css를 변경하는 방법을 설명합니다. 스타일시트(CSS)에 대해서 모르는 분은 읽어보세요! -> 스타일시트(CSS) 이해하기 for 티스토리 티스토리에는 여러종류의 링크가 있습니다. 제목링크, 카테고리 링크, 포스트내의 링크, 태그링크등 여러종류의 링크가 있는데 링크된 글자를 같은 색으로 할 수 있고 각기..

티스토리 사이드바 제목 변경 CSS

티스토리 사이드바 제목 변경 CSS 오래전부터 티스토리의 관리에 필요한 CSS 포스팅을 하려고 마음먹고 있었는데 이번 베타테스트를 하면서 CSS를 알고 있는 사람보다는 모르는 사람이 더 많은것 같아 더 이상 미루지 말고 바로 시작해야겠다는 생각이 들더군요. CSS와 관련된 포스팅을 한다고 해서 제가 CSS에 많이 아는 것은 아닙니다. 다만 티스토리 관리에 필요한 내용중 제가 알고 있는 내용을 모르고 있는 분들에게 알리고자 함이나 혹시나 설명이 잘못되거나 부족한 부분이 있다면 댓글로 남겨주시면 감사하겠습니다. 첫번째 CSS 포 티스토리 :: 사이드바 제목 설정 저는 pure 스킨을 사용하는데 pure 스킨은 화려하지 않고 그냥 평범한 스킨입니다. 그러다 보니 대부분의 컬러는 검정색을 사용합니다. 좀더 보기..