본문 바로가기
블로그 관련 정보/블로그 꾸미기

본문 링크 색상 수정하기

by 가온누리™ 2012.10.04
본문 링크 색상 수정하기
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

블로그를 돌아 다니다 보면 본문 글 색상과 링크색상이 같아 구분을 할수없는 경우가 있습니다.

 

글 읽는 입장에서 링크를 찾을수 없다는것 얼마나 힘들겠습니까..?

 

링크에 색을 입혀 보자 !

 

그래서 아래 소스를 style.css에 넣어주기만 하면 본문과 링크를 쉽게 구분할수 있답니다.

 

/* 카테고리 글 더보기 옆에 광고나 기타 끝 */
.article a:link          { color:#0096FF;  text-decoration:none;} /*링크색상*/
.article a:visited       { color:#FF9900;  text-decoration:none;}  /*마우스를 갖다 대었을 때 색상 */
.article a:hover         { color:#2AFC07;  text-decoration:underline;} /*방문한 링크 색상*/
.article a:active        { color:#1B3E83;  text-decoration:none;}  /*현재 활성화 되어있는 링크의 색상*/

 

원하시는 색상을 지정하셔도 되고 그냥 사용하시면 제 블로그에서 사용하는 링크색상이 나옵니다.

style.txt

 

댓글7

  • 앗. 몰랐던 정보인데, 유용하게 사용할게요^^
    답글

    • 안녕하세요.
      의외로 모르시는 분이 많으신듯 합니다.
      잘 사용하세요.^^

      수정//
      잠깐 블로그 방문을 해보니 사용하시는 스킨에는 적용되 있네요.
      저두 한참을 사용한 스킨이네요.^^

  • 김부 2014.06.30 18:32

    안녕하세요

    블로그를 구경하다보면 하이퍼 링크 주변에 네모낳게 박스형식으로 꾸며놓은게 있는데요

    기존 글씨에 색상 입혀 놓은것보다 훨씬 좋더라구요

    혹시 그렇게 만드는방법 아시면 포스팅 해주실수 있으신가요?

    답변부탁드립니다.
    답글

    • 안녕하세요.
      글쓰기 화면에서 적용이 가능합니다.
      '글상자'를 선택하시면 원하시는 박스를 지정할수 있습니다.

      방법은 링크나 기타 박스를 넣고싶은 글을 블럭으로 지정하시고 '글상자'를 선택해서 원하시는 박스를 선택하시면 됩니다.

  • Favicon of https://bskyvision.com BlogIcon 심교훈 2019.10.28 15:10 신고

    오 좋은 정보감사합니다 ㅎㅎ 적용해보니 되네요^^
    답글