티스토리 블로그 텍스트 지정(블록) 색상 변경하기

Photo by Vladislav Klapin

 

오늘은 간단한 블로그 팁을 소개해드릴까 합니다. 마우스를 드래그하여 텍스트를 선택하면 기본적으로 파란 색상의 블록이 지정되는데요, 자신이 운영하는 블로그나 홈페이지에서 이 색상을 변경해 줄 수 있습니다. 블로그 스킨 분위기에 맞추어 블록 색상을 지정하면 스킨 완성도를 한층 더 높일 수 있음은 물론 텍스트 지정에 있어 좀 더 강한 포커스를 가미시킬 수 있습니다.

 

 

위 이미지는 제 블로그의 텍스트 지정 블록 색상을 붉은색으로 변경한 스크린샷입니다. 항상 기본 파란색만 보아오다가 색상이 바뀌니까 뭔가 색다른데요..? 방법은 아래 코드를 CSS에 삽입하시면 끝.

::selection {
  background: #색상코드;
  color: #FFF;
  text-shadow: none
}

::-moz-selection {
  background: #색상코드;
  color: #FFF;
  text-shadow: none
}

::-webkit-selection {
  background: #색상코드;
  color: #FFF;
  text-shadow: none
}

 

#색상코드 부분에 #f45b4d 등 원하는 값으로 바꿔 넣으시고 스킨 편집 > style.css에서 붙여 넣으시면 됩니다.

 

다른 블로그나 홈페이지에서 마음에 드는 색깔을 발견했는데 색상 코드를 모르실 경우엔 구글 크롬 부가기능인 Eye Dropper를 사용하시면 쉽게 알 수 있습니다.

 

사용방법은 `Pick color from webpage`를 클릭하시고 웹페이지에서 찾고 싶은 색상을 살짝 클릭하시면 자동으로 색상 코드를 찾아줍니다. 참고하세요..^^