주 메뉴 열기

위키백과에서 링크 색상은 해당 대상 문서의 상태를 보여줍니다. (벡터 스킨에서) 기본 색상의 의미는 다음과 같습니다:

링크 모양 종류 색상 입력 결과
파란색 링크 현재 존재하는 문서에 대한 링크 #0645AD = rgb(6,69,173)     
어두운 파란색 링크 이미 방문한 문서로 연결되는 링크 #0B0080 = rgb(11,0,128)     
빨간색 링크 위키백과에서 현재 존재하지 않는 문서에 대한 링크 #CC2200 = rgb(204,34,0)     
연한 갈색 링크 존재하지 않지만 방문한 문서에 대한 링크 #A55858 = rgb(165,88,88)     
갈색 링크 매우 짧은 문서에 대한 링크(환경 설정에서 사용하는 경우 한정) #772233 = rgb(119,34,51)     
연한 파란색 링크 다른 위키, 보통 기타 위키미디어 프로젝트에서 사용되는 링크
연한 파란색 링크는 실제로 해당 문서의 존재 여부에 상관없이 사용됩니다. 외부 링크에도 동일한 색상이 사용됩니다.
#3366BB = rgb(51,102,187)     
보라색 링크 방문한 다른 사이트의 문서 링크 #663366 = rgb(102,51,102)     
  • 상자의 색이 같은 색의 글씨보다 어둡게 나타날수 있습니다. 또한 크거나 굵은 글씨는 더 어둡게 보입니다. 또한 사용자가 보는 실제 색상은 운영 체제, 바탕 화면 설정 및 브라우저뿐만 아니라 (저가형 액정 디스플레이의) 시야각에 따라 약간 다를수 있습니다. 로그인한 사용자는 다른 스킨을 선택하거나 사용자 정의 CSS를 사용하여 표시되는 색상을 변경할수도 있습니다.

사용자 정의 링크 색상편집

문서의 개별 링크 모양 지정편집

다음과 같이 (모든 링크의 모양을 전체적으로 변경하는 것 보다는) 문서에서 개별 링크 또는 링크 모음의 색상을 설정할수 있습니다.

내부 링크편집

링크를 다른 색상으로 바꿀 수 있습니다.

마크업
*[[예시|<span style="color:green;">이 문서는 존재합니다.</span>]]
*[[예시|<span style="color:green;">이 문서는 존재하지 않습니다.</span>]]
렌더링 결과

문서가 있는지를 확인하려는 경우 다음과 같이 쓸 수 있습니다.

마크업
*[[예|{{#ifexist: 예|<span style="color:green;">이 문서는 존재합니다.</span>|이 문서는 존재합니다.}}]]
*[[아니오|{{#ifexist: 아니오|<span style="color:green;">이 문서는 존재하지 않습니다.</span>|이 문서는 존재하지 않습니다.}}]]
렌더링 결과

외부 링크편집

같은 방법으로 스타일이 적용된 span 태그를 외부 링크 안에서 사용할 수 있습니다.

마크업
*[http://example.com <span style="color:green;">외부 링크 예시</span>]
렌더링 결과

모든 링크의 모양 지정편집

스킨 보조문서에서 CSS를 편집하여 링크 색상을 사용자 정의에 따라 지정할수 있습니다. 이 변경 사항은 사이트 전체의 모든 링크에 적용되지만, 사용자에게만 표시됩니다

표준 링크 선택기는 다음과 같습니다:

  • a:link - 일반적인 방문하지 않은 링크의 모양을 정의합니다.
  • a:visited - 방문한 링크의 모양을 정의합니다.
  • a:active - 활성 링크의 모양을 지정합니다. 링크를 클릭하면 링크가 활성화됩니다.
  • a:hover - 올려놓은 링크의 모양을 정의합니다. 링크가 마우스 위로 이동하면 링크가 가져옵니다.

색상은 16진수로 정의됩니다: 웹 색상을 참조하세요.

/* 표준 링크 색상 */
.mw-body-content a:link { color: #0000FF; } /* 일반적인 방문하지 않은 링크 */
.mw-body-content a:link:visited { color: #0B0080; } /* 방문한 링크 */
.mw-body-content a:link:active { color: #FF0000; } /* 활성 링크 */
.mw-body-content a:link.new { color: #FF0000; } /* 새 링크 */
.mw-body-content a:link.extiw { color: #3366BB; } /* 인터위키 링크 */
.mw-body-content a:link.external { color: #3366BB; } /* 외부 링크 */
.mw-body-content a:link.stub { color: #772233; } /* 공중 선회 링크 */

.mw-body-content a:link {color: #FF0000}
.mw-body-content a:visited {color: #00FF00}
.mw-body-content a:hover {color: #FF00FF}
.mw-body-content a:active {color: #0000FF}

참고:

  • a:hover는 a:link와 a:visited 뒤에 와야합니다.
  • a:active는 a:hover 뒤에 와야합니다.
  • 이 웹사이트의 기본 정의가 정의한 것보다 우선 순위가 높기 때문에, 표준 링크 정의 앞에 ".my-body-content"가 있어야합니다.

넘겨주기편집

넘겨주기를 녹색 링크로 표시합니다:

.mw-body-content a.mw-redirect {color:#308050}
.mw-body-content a.mw-redirect:visited {color:#3070A0}

외부 링크편집

외부 링크를 녹색 링크로 표시합니다:

.mw-body-content a.external {color: #008000}
.mw-body-content a.external:visited {color: #008000}

본문 꾸미기편집

이렇게하면 밑줄과 같은 서식을 지정할수 있습니다. 예:

.mw-body-content a:link {color: #000000; text-decoration: underline; }

사용 가능한 값은 다음과 같습니다:

  • none
  • underline
  • overline
  • line-through

글꼴 모음편집

이렇게하면 링크 글꼴이 변경됩니다:

.mw-body-content a:link {font-family: monospace}

환경 설정편집

환경 설정 메뉴의 "가젯" 탭 ("보이기" 문단 아래)에 있는 "주황색의 동음이의어 문서 링크 표시"기능을 사용하면 동음이의어 문서에 대한 모든 링크가 주황색으로 표시됩니다.

스크립트편집

사용자:Anomie/링크분류는 삭제할 문서, 비자유 미디어, 넘겨주기, 보호된 문서와 같은 링크를 나타내기 위해 색상을 사용자가 맞춤 설정하는 인기 스크립트입니다.