틀:역사연표

위키백과 ― 우리 모두의 백과사전.

이 틀은 실제 틀이 아닌 틀에 대한 설명서 입니다.

[편집] 개요

연표 그래프를 그려주는 틀입니다. 막대 (열) 개수는 무제한, 설명 (행)은 40개까지가 지원됩니다. 다만 기술상의 문제로 다음과 같이 사용해야 됩니다. (*이 붙은 부분은 반드시 입력하셔야 틀이 작동합니다. 그리고 절대 *을 넣지 마세요.)

*{{역사연표/선|1번째 범례 설명|1번째 막대 색|그래프 총길이|1번째 막대 시작지점|1번째 막대 끝지점}}
{{역사연표/선|2번째 범례 설명|2번째 막대 색|그래프 총길이|2번째 막대 시작지점|2번째 막대 끝지점}}
.
.
.
{{역사연표/선|n번째 범례 설명|n번째 막대 색|그래프 총길이|n번째 막대 시작지점|n번째 막대 끝지점}}
*{{역사연표/설명 헤드|그래프 총길이}}
*{{역사연표/설명|1번째 설명 내용}}
{{역사연표/설명|2번째 설명 내용}}
.
.
.
{{역사연표/설명|n번째 설명 내용}}
.
.
.
{{역사연표/설명|40번째 설명 내용}}
*{{역사연표/설명 끝}}

막대 총길이부분은 각 틀마다 다르게 넣어도 작동은 하지만 레이아웃에 문제가 생길 수 있으므로 가급적 가장 긴 선의 길이에 맞추어 주시기 바랍니다.

[편집] 예제

필요한 만큼 역사선 틀을 사용하시고, 마지막에 설명 틀을 사용하시면 됩니다.(파라메터는 아래 설명)

설명 틀은 가장 오른쪽에 한 개만 붙일 수 있습니다.

5개의 막대와 12개의 설명으로 연표를 만들어 보겠습니다.

[편집] 코드

{{역사연표/선|고구려|red|12|3|12}} {{역사연표/선|백제|blue|12|4|5}} {{역사연표/선|신라|yellow|12|1|7}}{{역사연표/선|발해|lime|12|2|9}}{{역사연표/선|가야|magenta|12|6|10}}{{역사연표/설명 헤드|12}}{{역사연표/설명|설명1}}{{역사연표/설명|긴 텍스트는 칸을 벗어나긴 하지만 넣을 수는 있습니다}}{{역사연표/설명|[[위키백과:대문|이렇게 링크를 걸 수도 있습니다]]}}{{역사연표/설명|4}}{{역사연표/설명|}}{{역사연표/설명|위처럼 아무 내용도 입력하지 않으면 칸도 사라집니다}}{{역사연표/설명|7}}{{역사연표/설명|}}{{역사연표/설명|}}{{역사연표/설명|두 개 연속으로도 없앨 수 있고요}}{{역사연표/설명|설명11}}{{역사연표/설명|설명12}}{{역사연표/설명 끝}}

[편집] 결과

고구려

백제

신라

발해

가야

설명1

긴 텍스트는 칸을 벗어나긴 하지만 넣을 수는 있습니다

이렇게 링크를 걸 수도 있습니다

위처럼 아무 내용도 입력하지 않으면 칸도 사라집니다

두 개 연속으로도 없앨 수 있고요

설명11

설명12

주의 : 틀을 붙여쓰지 않고 여러 줄에 걸쳐서 입력하면 역사선 표가 계단 모양으로 밀리는 버그가 있습니다.
익스플로러 버그 : 파이어폭스에서는 정상적으로 보이지만 현재 인터넷 익스플로러 6.0에서 여백 계산 버그가 있는 것 같습니다.

[편집] 개발자 노트

행 개수가 40개로 제한되는 것은 역사연표 틀에 사용한 배경 이미지의 크기 때문입니다. 현재 이미지는 96*2000px 의 이미지인데, 이것을 96*4000으로 키우면 80개까지의 행을 지원할 수 있습니다. 혹시 CSS의 repeat-y 속성을 위키 내에서 활성화시킬 수 있으신 분은 저에게 연락해주세요. repeat-y가 활성화되면 행 개수 또한 무한대를 지원할 수 있습니다.
이미지의 크기를 너무 크게 만들게 되면 틀의 로딩 속도가 느려지게 됩니다. 따라서 96*80000같이 지나치게 큰 이미지는 사용하지 말아주세요.