로맨테크

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



위 이미지는 제 블로그의 텍스트 지정 블록 색상을 붉은색으로 변경한 스크린샷 입니다. 항상 기본 파란색만 보아오다가 색상이 바뀌니까 뭔가 색다른데요..? 방법은 아래 코드를 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 부분에 붙여넣기 하시면 되겠습니다. (참조 : http://goo.gl/OQA6x)



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


사용방법은 pick color from webpage를 클릭하시고 웹페이지의 찾고자하는 색상 위에 살짝 클릭해주시면 코드를 자동으로 찾아줍니다. 참고하세요..^^

신고
DISQUS 로드 중…
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다