티스토리 블로그 스킨 수정 - 하이퍼링크, 링크색 및 밑줄 제거

Life on Mono 스킨의 링크가 걸린 문구는 기본적으로 회색으로 표시되는데, 눈에 잘 안 띄는데다가 이전의 외부링크 이미지를 설정해주면서 하이퍼링크 이미지와 문구를 일관성 있도록 변경해주었습니다.

Life on Mono 스킨의 하이퍼링크 색상 및 속성을 변경하는 방법에 대해서 정리했습니다.

하이퍼링크 속성은 Style.css에서 Ctrl+F로 ‘entry .article’ 로 검색하다 보면 아래와 같은 부분을 찾을 수 있습니다.

▶ .entry .article a {color:#8A8A8A; text-decoration:underline; }

이 부분을 통해 본문에 링크가 걸린 문구의 글자색이나 밑줄 등 모든 속성을 변경할 수 있습니다.

1. 하이퍼링크 밑줄 제거하기

여기서 underline을 수정해서 none로 바꿔주어 밑줄을 제거해 줬습니다. 이 방법은 ‘카테고리의 다른 글’의 밑줄을 제거할 때도 사용할 수 있습니다. (관련 글 : 티스토리 블로그 스킨 수정 - 카테고리의 다른 글 더 보기)

➔ .entry .article a {color:#8A8A8A; text-decoration:underline; }

➔ .entry .article a {color:#8A8A8A; text-decoration:none; }

2. 하이퍼링크 글자색 변경하기

여기서 ‘color:#8A8A8A’을 원하는 색상코드로 바꿔줍니다.

➔ .entry .article a {color:#8A8A8A; text-decoration:none; }

➔ .entry .article a {color:#1E75CC; text-decoration:none; }

※ 이전의 외부링크 이미지()와 맞게끔 저는 #1E75CC 색상코드를 입력해줬습니다. (관련 글 : 티스토리 블로그 스킨 수정 - 외부 링크 화살표 아이콘 표시하기)

현재 보시는 바와 같이 링크색이 링크이미지와 맞게끔 변경된 걸 확인할 수 있습니다.