도움말: 링크 색상
Help:Link color![]() | 링크는 독자에 대한 링크로 명확하게 식별할 수 있어야 합니다. 사용자가 링크를 일반 텍스트와 구별하는 데 방해가 될 수 있는 컬러링크를 실장하거나 순전히 미적인 이유로 컬러링크를 실장하지 마십시오.콘트라스트 색상과 네비게이션 박스 색상의 액세스에 대해서는, 기사 편집 가이드를 참조해 주세요. |
![]() |
링크 및 페이지 조작 |
---|
위키피디아에서 링크 색상은 해당 대상 페이지의 상태를 나타냅니다.벡터 스킨의 기본 색상은 다음과 같은 의미를 가집니다.Wikipedia도 참조해 주세요.스타일/접근성/색상 매뉴얼.
링크 컬러 | 유형 | 색상 코드 | 색. |
---|---|---|---|
블루링크 | 현재 존재하는 Wikipedia 페이지에 링크합니다만, 방문한 적은 없습니다. | #0645 AD = rgb(6,69,173) | |
인디고 링크 | 사용자가 방문한 위키피디아 페이지에 대한 링크 | #0B0080 = rgb(11,0,128) | |
레드 링크 | 현재 존재하지 않는 Wikipedia 페이지에 링크하여 방문한 적이 없습니다. | #BA0000 = rgb (102,0,0) | |
라이트 마룬 링크 | 현재 존재하지 않지만 방문한 위키피디아 페이지에 대한 링크 | #A55858 = rgb(180,88,88) | |
마룬 링크 | Wikipedia 내의 매우 짧은 문서/스터브에 링크합니다.단, 사용자가 이러한 방법으로 링크를 stub로 포맷하는 기본 설정 옵션을 설정한 경우에만 | #772233 = rgb(119,34,51) | |
하늘색 링크 1 하늘색 링크 2 | 보통 다른 위키미디어 프로젝트 또는 외부 링크인 다른 위키 페이지에 대한 링크 페이지가 대상 Wiki에 실제로 존재하는지 여부에 관계없이 밝은 파란색이 사용됩니다.예를 들어 영어 위키피디아에는 조지 워싱턴 카버에 대한 기사가 있지만 일본어 위키피디아에는 동명의 기사는 없지만 다른 제목으로 같은 사람에 대한 기사가 있습니다. | #3366BB = rgb(51,102,102) | |
보라색 링크 | 방문한 다른 사이트의 페이지에 대한 링크 | #663366 = rgb(102,51,102) |
상자의 색상이 같은 색상의 텍스트보다 어둡게 표시될 수 있습니다.또, 텍스트가 크거나 굵은 경우는, 어둡게 표시되는 경향이 있습니다.또, 실제의 색상은, operating system, 데스크탑의 설정, 브라우저, 모니터, 및 (저가 LCD의 경우) 화각에 의해서 약간 다릅니다.로그인한 사용자는 다른 스킨을 선택하거나 커스텀 CSS를 사용하여 표시되는 색상을 변경할 수도 있습니다.
커스텀 컬러
일반 텍스트
일반 텍스트의 경우 색상 이름 또는 색상과 텍스트의 16진수 코드 두 가지 매개 변수를 가진 {{color} 템플릿을 사용할 수 있습니다.단, 독자를 위한 산문 텍스트는 절대 수동으로 색칠해서는 안 됩니다.(MOS:PROSECOLOR)
{{color orange Hello, world!}}
→"안녕하세요, 세상아!"
{{color #00F000 Hello, world!}}
→"안녕하세요, 세상아!"
링크
사용자가 링크를 일반 텍스트와 구별하는 데 방해가 될 수 있는 컬러링크를 실장하거나 순전히 미적인 이유로 컬러링크를 실장하지 마십시오.(MOS:COLOR)
페이지의 개별 링크 유형 지정
다음과 같이 페이지에 있는 개별 링크 또는 링크 세트의 색상을 설정할 수 있습니다(Wikipedia의 모든 링크 스타일에 대한 전역 변경 대신).이 방법으로 스타일을 설정하면 사용자뿐만 아니라 특정 링크 또는 특정 페이지를 보는 모든 사용자에게 적용됩니다.단, 리더용 링크는 수동으로 색칠해서는 안 됩니다.(MOS: LINKCOLOR)
{{Colored link} 템플릿에는 링크 색상, 링크 대상 기사 및 파이핑된 링크로 표시되는 대체 텍스트의 세 번째 파라미터(옵션)의 두 가지 파라미터가 있습니다.
{{colored link orange Canada}}
→ 캐나다
{{colored link #00F000 Page name to link Alternative text}}
→ 대체 텍스트
- 또는
다음과 같이 링크를 다른 색으로 변경할 수 있습니다.
마크업 | *[색상 <span style="color:오렌지색;이 페이지는 존재합니다.</span>] *[예시 <span style="color: green;이 페이지는 존재하지 않습니다.</span> |
로 렌더링하다 |
또는 존재 확인을 원하는 경우 다음을 시도할 수 있습니다.
마크업 | *[{#존재하는 경우: 예 <span style="color:오렌지색;이 페이지는 존재합니다.</span> 이 페이지는 존재하지 않습니다.}}] *[예: {{#존재하는 경우: 예: <span style="color: green;이 페이지는 존재합니다.</span> 이 페이지는 존재하지 않습니다.}}]] |
로 렌더링하다 |
외부 링크
외부 링크 내에 유사한 스타일의 스팬을 추가할 수 있습니다.
마크업 | *[http://example.com <span style="color:green;">외부 링크의 예 </span>] |
로 렌더링하다 |
모든 링크의 스타일링을 고객님께만 제공
스킨 서브페이지에서 CSS를 편집하여 링크 색상을 맞춤화할 수도 있습니다.이는 사이트 전체의 모든 링크에 적용되지만 사용자만 볼 수 있습니다.
표준 링크 실렉터는 다음과 같습니다.
- a:link : 일반 비방문 링크의 스타일을 정의합니다.
- a: visited : 방문 링크의 스타일을 정의합니다.
- a: active :액티브링크 스타일을 정의합니다.클릭하면 링크가 활성화됩니다.
- a: hot 링크의 스타일을 정의합니다.마우스가 그 위로 이동하면 링크가 점멸합니다.
색상은 16진수 문자로 정의됩니다.웹 색상을 참조해 주세요.
/* 표준 링크 색상 */ .mw-body-content a:링크 { 색.: #0000FF; } /* 일반 방문되지 않은 링크 */ .mw-body-content a:링크:방문했다 { 색.: #0B0080; } /*가 방문한 링크 */ .mw-body-content a:링크:활동적인 { 색.: #FF0000; } /* 액티브링크*/ .mw-body-content a:링크.신규 { 색.: #FF0000; } /* 새 링크 */ .mw-body-content a:링크.외부 { 색.: #3366BB; } /* interwiki links */ .mw-body-content a:링크.외부의 { 색.: #3366BB; } /* 외부 링크 */ .mw-body-content a:링크.스텁 { 색.: #772233; } /* 링크를 맴돌았다*/ .mw-body-content a:링크 {색.: #FF0000} .mw-body-content a:방문했다 {색.: #00FF00} .mw-body-content a:맴돌다 {색.: #FF00FF} .mw-body-content a:활동적인 {색.: #0000FF}
주의:
- a: 링크 및 a: 링크 뒤에 와야 합니다.
- a:액티브는 a:syslog 뒤에 와야 함
- 표준 링크 정의 앞에 ".mw-body-content"가 있어야 합니다.그렇지 않으면 이 웹 사이트의 기본 정의가 여전히 정의된 것보다 우선하기 때문입니다.
리다이렉트
리다이렉트를 녹색 링크로 표시:
.mw-body-content a.mw-syslogs(메모리) {색.:#308050} .mw-body-content a.mw-syslogs(메모리):방문했다 {색.:#3070A0}
외부
외부 링크를 녹색 링크로 표시:
.mw-body-content a.외부의 {색.: #008000} .mw-body-content a.외부의:방문했다 {색.: #008000}
텍스트 장식
이를 통해 밑줄과 같은 형식을 지정할 수 있습니다.예를 들어 다음과 같습니다.
.mw-body-content a:링크 {색.: #000000; 텍스트 장식: 밑줄 치다; }
사용 가능한 값은 다음과 같습니다.
- 없음.
- 밑줄 치다
- 오버라인
- 라인 스루
글꼴 패밀리
링크 글꼴이 변경됩니다.
.mw-body-content a:링크 {폰트 패밀리: 단일 공간}
프리퍼런스
환경설정 메뉴의 가젯 탭에 있는 "주황색으로 모호성 해제 페이지 링크 표시" 기능은 모호성 해제 페이지에 대한 모든 링크를 주황색으로 표시합니다.
스크립트
사용자: Anomie/link classifier는 삭제할 페이지, 비자유 미디어, 리다이렉트, 보호된 페이지 등의 링크를 표시하기 위해 색상을 맞춤화하는 일반적인 스크립트입니다.
「 」를 참조해 주세요.
- {{filename}}
- {{background color}}
- {{color}} – 텍스트와 배경색을 모두 설정할 수 있습니다.
- {{coltit}} – 컬러 테이블 헤더 셀
- {{fake link}}
|