위키백과:Ambox의 클래스

Wikipedia:

이 방법 안내서는 {{cleanup}}}과 같은 기사 메시지 상자를 만들기 위해 ambox의 클래스 속성을 사용하는 방법을 설명한다.ambox CSS 클래스는 MediaWiki에 정의되어 있다.common.css.이 안내서는 위키테이블과 HTML 테이블에서 직접 클래스를 사용하는 방법을 설명한다.

기사 메시지 박스를 쉽게 만들 수 있는 메타 템플릿 {{ambox}도 있다.사용 설명서와 예를 갖추고 있으며 가장 일반적인 사용 사례를 처리할 수 있다.그러나 {{ambox}}}}}은 대부분 수업용 얇은 포장지 입니다.고급 기능이 더 필요한 경우 이 안내서에 설명된 대로 위키 또는 HTML 표에서 직접 클래스를 사용할 수 있다.

기타 mbox

{{tmbox}, {{imbox}, {{cmbox}, {{ombox}} 템플릿의 클래스 속성도 이 가이드에 설명된 대로 작동한다.이름만 "에서 변경하십시오.ambox ambox-style예를 들어, "로tmbox tmbox-style" 대신 브라운 토크 페이지 메시지 박스를 받을 수 있다.

브라우저 캐시

이 상자들이 비슷해 보이지 않으면 웹 브라우저 캐시를 새로 고쳐야 할 수 있다.

앰박스 클래스로 생성된 상자.
하드코드된 상자.

클래스 속성이 업데이트되었지만 여전히 브라우저에 캐시된 경우 이 문제가 발생한다.이것은 보통 며칠 지나면 없어진다.

기본사용

기본 파란색 "알림" 색상의 간단한 사용 예:

{class="ambox" - class="mbox-image" Image class="mbox-text" 일부 텍스트.}
이미지 문자 좀.

보라색 "이동/머지/분할/트랜스위키 제안서" 색상 및 이미지의 약간 더 복잡한 예:

{class="ambox-mbox-move" - class="mbox-image" [[이미지:편집-복사 보라색.svg 40px]] 클래스="mbox-text" 일부 텍스트.}
Edit-copy purple.svg 문자 좀.

암박스 클래스

기사 메시지 상자의 모든 스타일은 MediaWiki에서 CSS 클래스로 정의된다.common.css.이것은 메시지 박스의 껍질을 벗길 수 있게 한다.즉, 다른 위키백과 스킨에 대한 스타일 시트와 사용자 자신의 모노북.css에서 오버라이드할 수 있다.

다음은 앰박스 클래스 이름과 그들이 정의하는 사항이다.

앰박스 – 박스 크기, 테두리, 배경 및 기본 색상 등
이미지 mbox-image 및 mbox-imageright
이미지 셀의 크기 및 패딩 등. 		이미저라이트
mbox-text – 텍스트 셀의 크기 및 패딩 등.
앰박스 스피디 – 레드+핑크 "스피디 삭제" 스타일.
ambox-delete – 빨간색 "삭제" 스타일.
ambox-content – 주황색 "content 이슈" 스타일.
앰박스 스타일 – 노란색 "문제 유형" 스타일.
앰박스 알림 – 파란색 "기사 알림" 스타일.
앰박스 이동 – 보라색 "이동/머지/분할/트랜스위키 제안" 스타일.
앰박스 보호 – 회색 "보호" 스타일.

사용량 증가

{class="ambox ambox-notice" class="mbox-image"[이미지:Gnome globe current event.svg 42px]] class="mbox-text" <div> ''이 기사 또는 섹션은 현재 [우주비행]을 기록하고 있다.'' <br> 내용은 임무가 진행됨에 따라 달라질 수 있다.</div> class="mbox-imageright"([이미지:셔틀.svg 20px] }
Gnome globe current event.svg

이 기사 또는 섹션은 현재 우주 비행을 문서화한다.
임무가 진행됨에 따라 내용이 달라질 수 있다.

Shuttle.svg

위의 예에서:

  • 메인 앰박스 클래스는 박스 크기와 테두리 등을 설정하기 위해 헤더에 사용되어야 한다.
  • mbox-notice 클래스는 좌측 색상 바를 설정하는 데 사용된다.기본 앰박스 클래스가 이미 설정한 기본 컬러 바가 파란색이기 때문에 필요하지 않다.하지만 물론 다른 색깔에는 필요하다.
  • 첫 번째 위키 셀은 mbox-image 클래스를 사용하여 왼쪽 이미지 셀의 크기와 패딩 등을 설정한다.
  • 이 이미지는 정상적인 MediaWiki 표기법을 사용한다.영상 높이 대 너비 비율에 따라 일반적으로 40˚ - 50˚ 폭은 거의 우측이다.
  • 두 번째 셀에는 메시지 본문 텍스트가 들어 있다.이 셀과 여분의 셀의 패딩과 너비는 mbox-text 클래스를 사용하여 설정해야 한다.
  • 마지막 셀은 mbox-imageright 클래스를 사용하여 적절한 이미지 셀의 크기와 패딩 등을 설정한다.

MediaWiki는 테이블의 컨텐츠를 처리할 때 몇 가지 이상한 점이 있다.그래서 여기에도 한 켤레를 적용했다.<div> </div>메시지 본문 텍스트 주변의 태그.그들은 우리가 이상한 단락의 휴식 없이 하나의 콘티고 선 대신 여러 줄에 글을 쓸 수 있게 해 준다.이 경우 예제 선을 코드 예제 상자에 넣을 수 있을 정도로 짧게 만들기 위해 필요했다.하지만 이 속임수는 긴 메시지를 쓸 때 매우 편리할 수 있다.div 태그는 불행히도 텍스트 주위에 여분의 여백을 발생시키므로, 필요한 경우에만 사용하십시오.

우리는 또한 a를 적용했다.<br>꼬리표를 달아서 우리가 원하는 곳에 선을 끊게 해

HTML 테이블

미디어위키도 HTML 마크업을 이해한다.이것은 실제로 HTML 마크업이 아니라 정말로 "입니다.HTML Wikimarkup"은 MediaWiki가 Wikimarkup과 똑같이 처리하므로.위의 예제를 들 수 있지만 HTML 마크업에서는 다음과 같이 한다.

<테이블 클래스="ambox ambox-notice"> <tr> <td class="mbox-image"> [이미지:Gnome globe current event.svg 42px]] <td class="mbox-text"><div"이 기사 또는 섹션은 현재 [우주비행]을 기록하고 있다.'' <br> 내용은 임무가 진행됨에 따라 달라질 수 있다.</div> <td class="mbox-imageright> [[이미지:셔틀.svg 20px] </테이블>
Gnome globe current event.svg

이 기사 또는 섹션은 현재 우주 비행을 문서화한다.
임무가 진행됨에 따라 내용이 달라질 수 있다.

Shuttle.svg

위의 예는 끝을 사용하지 않는다.</td>끝과 끝</tr>미디어위키가 페이지를 렌더링할 때 자동으로 추가되기 때문에 이러한 엔드 태그는 대개 필요하지 않다.그러나 다음과 같은 몇 가지 예외가 있다.

  • 일부 드문 경우 고급 템플릿 프로그래밍을 수행할 때 끝 태그가 없을 때 이상한 공백 문제가 발생할 수 있으며, 그런 다음 추가하십시오.이러한 경우 일반적으로 셀 내용 앞뒤(시작과 종료 내부)에 적어도 하나의 공백을 두어야 한다.<td>태그), 그러나 새 줄 없음.다음은 문제를 일으킬 수 있는 두 가지 예:
<td class="mbox-text"> {{{text }}}
<td class="mbox-text">{{{text }}}</td>
그리고 이것이 잘 작동하도록 만드는 방법은 다음과 같다.
<td class="mbox-text"> {{{text }}} </td>
  • 이는 관리자에게만 해당된다.MediaWiki 메시지를 위한 mbox를 만들 때(MediaWiki 공간에서) 대개 XHTML 규정을 준수하고 엔드 태그를 사용해야 하며<br />많은 시스템 메시지에서 MediaWiki가 HTML 위키마크를 처리하지 않기 때문에 태그.

상자 폭 및 상자 흐름

mbox 클래스와 {{ambox}, {{tmbox} 등 mbox 메타템플릿은 모든 웹브라우저에서 원활하게 작동하도록 설계됐다.다음은 이들이 관리하는 몇 가지 사항이다.

  • 아주 오래된 웹 브라우저에서도 박스의 중심이 되고 폭이 80%가 되도록 만드세요.
  • 박스 안의 텍스트 함량이 80%보다 짧더라도 박스의 너비가 80%가 되도록 만든다.그래서 여러 개의 상자들이 서로 겹쳐져 있을 때 보기 좋다.
  • mbox 옆에 infobox나 image 썸네일 같은 오른쪽이나 왼쪽으로 떠 있는 박스가 있으면 mbox가 자동으로 좁아져 다른 박스를 위한 공간을 남겨두도록 한다.따라서 mbox와 infobox 등이 서로 겹치는 것을 방지한다.

이런 것들이 우리가 적절한 "박스 흐름"이라고 부르는 것이다.

이미지 셀 없음

mbox가 80% 넓고 적절한 박스 흐름을 얻으려면 적어도 하나의 "mbox-text" 셀과 적어도 1px 폭의 다른 셀이 같은 테이블 행에 있어야 한다.다른 셀은 보통 "mbox-image" 셀이지만 이미지 셀이 없다면 빈 셀을 추가하면 된다.

<td></td>

그러나 비어 있는 셀은 최소 3px 폭(폭+패딩)으로 기본 설정되며, 때로는 상당히 잘 보일 수 있다.따라서 편의를 위해 셀을 테두리나 패딩 없이 1px 너비로 설정하는 mbox-empty-cell 클래스가 있다.

<td class="mbox-empty-cell"></td>

빈 셀은 텍스트 셀의 왼쪽 또는 오른쪽에 있을 수 있으며, 둘 다 사용할 수 있다.

참고 항목