Fastboot 본문 제목부분 배경색 변경

블로그를 운영하면서 여러 방식으로 블로그를 운영하시는 분들이 많습니다. 유행을 따라가며 그 유행에 대해 설명하는 블로그, 자신의 쇼핑몰을 홍보하기 위해 운영하는 블로그, 저처럼 궁금한 것을 찾아보고 공부해서 여러분께 알려드리는 정보성 블로그 등이 있습니다.

어떠한 블로그든지 운영자가 원하는 방식으로 운영되고, 꾸며집니다. 사소한 것 하나 하나까지 운영자가 원하는 방향으로 블로그를 운영이 됩니다. 글자 크기, 글자체, 글자색, 바탕색 등이 운영자가 원하는 방향으로 꾸며집니다.

블로그의 글 제목의 배경색 또한 마찬가지인 것 같습니다. 자신이 원하는 배경색, 글씨크기 등으로 바꾸고 싶어 합니다. 지금 이 티스토리 카테고리는 그런 분들을 위해 작성되었습니다. 

readiz님이 배포하신 fastboot 1.6.2의 기준으로 말씀드립니다. fastboot 1.6.2 버전은 http://blog.readiz.com/214에서 다운받으시기 바랍니다.(제작자님 홈페이지)

앞선 글은 Fastboot 스킨의 제목의 글씨 기본 크기와 글씨 색을 바꾸는 것에 대해 알려드렸습니다.

우선 스킨의 일부분을 바꿔야 하는 작업이므로 CSS를 수정해야 합니다. css를 수정하는 방법을 모르시는 분들은 아래 글을 참고하셔서 html편집에 들어가셔서 css편집을 하셔야 합니다.

잘 모르시는 분은 아래 글을 참고하셔서 css를 편집하시면 됩니다. 물론 거기까지 들어오셔서 아래의 Fastboot 제목 배경색 변경하는 방법을 따라하시면 됩니다.

[애드센스] - 애드센스 광고 하단에 넣기

티스토리 계정 관리에서 스킨 변경에서 html 편집에서 css를 들어가시면 됩니다만 티스트리의 업데이트 등으로 인해 css 편집하러 가는 방법은 변경될 수 있습니다.

css에서 찾아야 할 것은 h3.title입니다. 위에 캡쳐화면을 보시면 h3.titile이 있습니다. h3.title의 제일 하단 부분에 보시면 background라는 부분이 있습니다. 이 부분에 있는 코드를 바꿔주신다면 글 제목의 배경색을 바꿀 수 있습니다.

background의 코드를 바꾸면 제목의 배경색은 바뀝니다. 아래가 제 블로그의 제목 배경색이 바뀌기 전의 화면입니다.

분식회계란, 분식회계를 하는 이유

아래는 제가 제목의 색을 바꾼 후의 화면입니다. 만약 지금 화면에 배경색으로 바꾸고 싶은 색이 있는데 그 색의 JAVA 코드를 모르시겠다면 아래 링크를 참고해 주세요!

html 색상 바꾸기, html 색상 코드 추출하기 - color cop

아래가 제 글의 제목 배경색을 바꾼 예시입니다.

[티스토리] - fastboot 제목 글씨 색, 글씨 크기 변경

[티스토리] 공감버튼 가운데로 옮기기, 공감버튼 삭제하기

[애드센스] - 애드센스 광고 하단에 넣기

[포토샵] - 포토샵 - 배경 투명하게, 배경 내용 투명으로 만들기

[포토샵] - 포토샵으로 말풍선 만들기

[재테크] 주식과 펀드의 차이

[재테크] - 정기적금과 정기예금의 차이와 성공 팁

[여행 팁] - 멀미하는 이유, 멀미 하지 않는 방법

컴퓨터 용어 - 디스크와 파티션의 차이