위키백과:링크 색상

위키백과, 우리 모두의 백과사전.
둘러보기로 가기 검색하러 가기

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

링크 모양 종류 색상 입력 결과
파란색 링크 현재 존재하는 문서에 대한 링크 #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/링크분류는 삭제할 문서, 비자유 미디어, 넘겨주기, 보호된 문서와 같은 링크를 나타내기 위해 색상을 사용자가 맞춤 설정하는 인기 스크립트입니다.