fastboot 1.6.2 스킨에서 포스트 제목 아이콘 색상 변경하기

본문 제목 옆에 아이콘이 너무 심심하다 당연한 것이지만 개별 블로그의 개성을 살려서 자기만의 아이콘으로 변경해 보자 제목바의 색상도 같이 변경해 보자

아이콘 변경

제목 옆에 책3권 놓인듯한 바를 원하는 아이콘으로 바꿔보겠습니다 제가 원하는건 영화쪽이니깐 사진기 모양으로 해보겠습니다

먼저 티스토리 html/CSS 열고 html를 클릭  위에 키보드 [커트롤 +F]  "포스트 본문 시작" 을 찾습니다

기본으로 bar로 표기되어 있을 겁니다 이제 카메라 모양의 아이콘으로 바꿔보겠습니다

아래는 카메라 아이콘의 크기옵션조절샘플입니다

 아이콘 샘플들  http://fontawesome.io/icons/

이외에 필요한 아이콘의 종류를 알수 있는 사이트가 있습니다 원하시는 모양을  찾아서 넣어보세요

타이틀 바 색상 변경

 

먼저 티스토리 html/CSS 열고 CSS를 클릭  키보드 [커트롤 +F]   h3.title 입력하고 찾기를 해서 찾아봅니다 딱 한군데 바로 나옵니다

현재 지정된 색상코드가 보이네요 그러면 내가 원하는 색상코드를 넣어보겠습니다 먼저 원하는 색상을 찾기 위해 아래 사이트를 클릭

 

http://www.color-hex.com/

원하는곳에 마우스를 클릭하면 6자리 색상코드를 알 수 있습니다 색상 확인후에 코드6자리를 복사합니다 맘에 안들면 몇 번이고 되풀이 해서 

색상을 대입해 봅니다

최종적으로 아래 처럼 색상이 변경되었습니다