본문 바로가기
IT/블로그

티스토리 Fastboot스킨 배경색상 변경방법

by 팩트맨 2017. 9. 29.

안녕하세요 르쉐입니다. HTML,CSS를 배운지 얼마 되지 않아서 아직 많이 미흡합니다. 근데 약간이라도 알아두니 확실히 편한 점이 있더군요. 패스트부트 스킨이 마음에 들어서 사용중인데, 배경색을 바꾸고싶었습니다. 스킨을 바꿀까 고민도 했는데, CSS를 조금 알게되어서 그럴필요가 없게 되었습니다. 지금 제 Fastboot스킨의 배경색은 약간 옅은 회색이 적용되어 있습니다.

원하는 색으로 바꾸려면 어떻게 해야하는지 보도록 하겠습니다.

바로 볼까요?!!

 

 

 

 

 

 

티스토리 Fastboot스킨 배경색상 변경방법

 

1. 우선은 본인의 블로그 홈페이지 들어갑니다. 그럼 본인의 사이트가 나오죠?

 

 

2. 'f12'버튼을 눌러봅시다. 그러면 아래와 같이 개발자 도구가 나옵니다. 그리고 개발자도구에서

 

 

 

저 파란색 테두리가 있는 <body class='tedition~~~ 저부분을 클릭해줍니다.

 

그러면 오른쪽에 아래와같이 '스타일'이 나옵니다.

 

 

그리고 위에 html,body 중괄호 안에 background-color: rgb가 보이실겁니다.

저 rgb가 색상을 조절하는 속성입니다.

rgb(  ,  ,  )이곳는 각각 0~255까지의 숫자를 넣을 수 있고

첫번째는 빨강 두번째는 녹색 세번째는 파란색입니다.

즉 (255, 0, 0)이 들어가게 되면 빨간색이고

(0, 255 , 0)이 들어가게 되면 초록색입니다.

(255, 255, 255)=흰색

(0 ,0 ,0)=검정 입니다.

즉, 삼원소 색상을 본인이 알맞게 넣어서 원하는 색을 세부적으로 만들수가 있습니다.

그래서 제가 일부러 'f12'를 눌러서 개발자 도구를 열었습니다.

저기서 본인이 아무 숫자나 임의대로 넣어서 원하는 색상을 찾으면 됩니다. (바로바로 적용이 되서 색을 볼 수가 있습니다.)

 

그리고 적용을하려면 다시!

티스토리 html&css편집으로 들어갑니다.

거기서 css로 들어가서

컨트롤+f버튼을 눌러서 rgb를 눌러주세요 (찾기쉽게)

 

 

 

 

참고로 저처럼 130 130 130 이렇게 다 같은 수치를 넣으면

회색이 나옵니다. ( 옅은회색~짙은회색)

여기까지 패스트부트 스킨 배경색 바꾸는 방법을 알아보았습니다.

댓글