로맨테크

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



위 이미지는 제 블로그의 텍스트 지정 블록 색상을 붉은색으로 변경한 스크린샷 입니다. 항상 기본 파란색만 보아오다가 색상이 바뀌니까 뭔가 색다른데요..? 방법은 아래 코드를 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 로드 중…
댓글 로드 중…

블로그 정보

로맨테크 - ColorFilter

기술과의 로맨틱한 만남, 로맨테크! 일상속 IT 정보와 이를 활용한 유용한 팁을 다루는 블로그입니다. 모바일/인터넷/컴퓨팅/소셜/쉐어링 그리고 中國관련 내용까지, 놓칠 수 없는 알찬 정보들을 알기 쉽게 소개해 드립니다.

최근에 게시된 글