티스토리 블로그 링크 색상 변경 방법 (Fastboot 스킨 포함)


링크 색상은 스킨마다 다를 수도 있다. 보통은 파란색이 링크가 걸렸을 때의 색상이며, 한번 들어간 곳은 보라색으로 표시가 된다. 흔히 검색포털 사이트에서 이와 같은 방식을 따르는데, 티스토리 및 HTML 수정이 가능한 사이트는 이 부분에 대한 커스터마이징이 가능하다.



피가되고 살이되는 블로그, 친절한효자손 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#

#공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서 가져가시라는 말씀입니다#

#사진과 이미지의 일부는 퍼온것도 있음을 밝힙니다#


티스토리 블로그 링크 색상 변경 방법 (Fastboot 스킨 포함)


필자가 쓰는 Fastboot 스킨에서도 어딘가 수정할 수 있는 부분이 있겠지 싶어 겁나 알아보고, 구글링을 해봐도 이 설정 부분에 대한 코드를 찾을 수 없어서 가장 원초적인 방법을 쓰기로 했다. 바로 이것과 해당되는 코드를 넣어버리는 것이다.


보통 CSS 스타일 부분의 상단에 먼저 놓으면 순차적으로 읽기 때문에 적용이 될 것이라고 생각하고 진행했더니 역시 잘 적용이 되었다. 그래서 필자의 글 중 관련글 같은 링크가 걸린 글들을 보면 기본 색상이 주황색으로 바뀌어 있음을 알 수 있다. 어떻게 변경하는지 한번 알아보자.




HTML/CSS 편집 부분으로 들어가서 CSS 탭을 선택한다.




첨부파일

티스토리 링크 색상 변경.txt


a:link > 링크글 색상 설정

a:visited > 한번 클릭한 링크 색상

a:hover > 마우스가 링크 글 위에 올라갔을 때 색상

a:active > 클릭했을 때 색상 (잘 보이지도 않음... 워낙 순식간에 넘어가기 때문에)

underline > 마우스가 링크글 위에 올라가면, 밑줄을 생성한다는 뜻


윗줄에 공간을 만들어서 위와 같은 코드를 넣도록 한다. 코드는 첨부파일에 있다. 16진수 색상을 이용하는데, 코드를 어떤것을 선택할지 잘 모르겠다면 아래의 관련글을 참고하도록 한다.


[HTML 기초] 기초 태그를 이용해 웹페이지 색상변경 및 글씨꾸미기

Fastboot 카테고리 마우스 오버시 배경색 변경하기

Fastboot 타이틀제목 기본 색상 변경




그러면 이렇게 원하는 색상으로 변경이 된다. 첨부파일도 파일로 링크가 걸려 있는 상황이기에 이렇게 파일명 색상이 바뀌게 된다. 그리고 아래 빨간상자 안쪽을 살펴보면, 밑줄이 생기는데, 바로 언더라인 태그 때문이다. 그리고 오버가 된 상태에서 스샷했기 때문에 다른 링크 색상보다 다르다는 것을 알 수 있다. 마우스 오버 시 색상을 다른 코드로 넣었기 때문이다.


이렇게 임의의 태그를 통해서 원하는 링크 색상 혹은 다른 설정들이 가능하다. 한번 진행해보자. 끝.


[친절한효자손] 티스토리 블로그 사용법



"친절한효자손 취미생활" 을 검색!


이 글을 공유하기

댓글(2)

  • 2017.01.29 21:10 신고

    글제목에 링크색상~ 이 링크색생으로 오타나셨네용 ㅎㅎ
    잘보고갑니다
    볼거리가 많은 블로그군요.
    비슷한 컨텐츠라도 스킨덕분에 훨씬 가독성도 좋고 보기좋아서 저도 이 스킨 적용하려구요^^ 감사해요

    • 2017.01.29 22:02 신고

      으악. ㅎㅎ 감사합니다. 정신없이 쓰다보니 오타도 몰랐네요 ㅠㅠ 감사합니다.

Designed by JB FACTORY