태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

방문자가 블로그를 편리하게 이용하길 원한다면 꼭 본문의 링크 색상은 일반 텍스트의 색상과 다른 효과를 주는 것이 원칙이라고 생각한다. 그래서 전번에 이웃 블로거 도이모이님에게도 조언한 적이 있으나 사실 라이프해커의 스킨도 링크의 색상이 별로 뚜렸하게 보이지 않아서 별로 나은 바는 없었다 -_-;

내 블로그의 본문 링크 색상과 일반 텍스트의 색상에 차별을 주려면 아래의 글과 자료들을 참고하면 된다.

[style.css, 스킨수정] 본문 링크 색상 수정하기  Via Blog Suspect

Color Town  다른 블로그의 댓글을 보고 이런 좋은 자료가 있다는 것을 알았다는.

오늘 위의 방법을 이용하여 라이프해커의 style.css에 손을 대 보았으며 현재는 좀 달라진 모습이다.

1. 링크의 색상을 구글 애드센스의 색상인 blue color에 매칭시킴 ;
2. 링크에 마우스를 갔다 댔을때의 텍스트 색상을 연두색(구글 애드센스 색상)에 매칭 ;
3. 우측 사이드바의 tag clouds 색상을 본문의 링크 색상인 blue color로 통일시킴 ;
4. 구독자수 카운트와 Google Reader에 추가하기 버튼의 색상에 변화를 주었음.

수정작업을 마치고 마치 디자이너라도 된 것 같은 기분인데 댓글로 실제 점수를 매겨 주시길.

본문 링크색상과 텍스트의 색상에 차별을 주는 방법 - 블로그 CSS 팁 - 라이프해커
TAG ,
  1. Commented by 도이모이 at 2009.02.10 08:16

    앗 감사합니다. 그렇지 않아도 저희 회사 디자이너에게 물어 본 적이 있는데 서로 바쁘다는 핑계로 못 바꾸고 있었는데 라이프해커님이 주신 방법으로 따라 해 볼께요 ^^