반응형

 

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

 

 

위 이미지는 제 블로그의 텍스트 지정 블록 색상을 붉은색으로 변경한 스크린샷입니다. 항상 기본 파란색만 보아오다가 색상이 바뀌니까 뭔가 색다른데요..? 방법은 아래 코드를 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를 클릭하시고 웹페이지의 찾고자 하는 색상 위에 살짝 클릭해주시면 코드를 자동으로 찾아줍니다. 참고하세요..^^

반응형