티스토리 제목 서식 변경하기

현재 사용하는 스킨에서 제목의 서식이 아쉬운데요. 특히 서식을 변경하면 가독성이 좋아지고 제목이 구분되서 읽기에 편하다는 장점이 있습니다.

 

티스토리 제목

티스토리 편집기를 통해서 글을 쓰면 제목1, 제목2, 제목3 순으로 나오는데요.

이 각각의 태그별로 H2~h4까지 사용함을 알 수 있습니다.

그래서 우리가 제목 서식을 바꾸고자 한다면 이 내용을 수정하면 되는데요. 일반적으로 많이 쓰는 제목 2인

h3 태그를 수정하시면 됩니다.

 

티스토리 제목 서식 수정하기

티스토리 관리자 메뉴에서 꾸미기 - 스킨편집 메뉴로 들어갑니다.

이후  HTML 편집 메뉴로 들어갑니다.

그리고 CSS 편집으로 가셔서 H3를 검색하시면 되는데요.

 

이곳에서 h3 뒤에 css를 수정해주시면 됩니다.

h3 {
    clear: both;
	  margin: 29px 0 22px;
	  font-size:  20px;
	  line-height: 1.5;
	  color: #000;
  	border-bottom: 2px solid #ccc;
  	border-left: 10px solid #55555B;
  	padding: 5px 15px ; 
}

저는 기본적인 밑줄있는 제목으로 변경하였는데요.

 

제목을 변경하면  아래처럼 밑줄이 있는 제목이 됩니다.

기본적으로 줄 옵션과 왼쪽 테두리의 옵션을 줄 수 있습니다.

 

 border-bottom: 2px solid #ccc;   아래줄
  border-left: 10px solid #55555B;  왼쪽 네모

  padding  내부여백

  margin 외부여백

 

대략적인 주요 내용은 아래와 같고 #다음엔 색깔입니다. 활용하시어 원하는 형태로 수정하셔서 사용하시기 바랍니다.

 

그럼 잘 사용하시기 바랍니다.