틀:도로안내표지 문서 원본 보기

<includeonly><onlyinclude><div style="float: left; margin-left: auto; margin-right: auto; {{#if:{{{글꼴}}}|font-family:{{{글꼴|'한길체'}}}}};">
<!-- 위쪽 부분 -->
<div style="float: right; background: {{{배경색|{{{bgcolor|#007448}}}}}}; border-collapse: collapse;">
{{#if:{{{번호|{{{1|}}}}}}|<div style="float: left; text-align: center; min-width: 2em; margin: 2px 0 2px 2px; padding: 2px; border: 2px solid white; font-size: 24px; background: black; color: white;">{{{번호|{{{1|0}}}}}}</div>}}{{#if:{{{번호0|}}}|<div style="float: left; text-align: center; min-width: 2em; margin: 2px 0 2px 0; padding: 2px; border: 2px solid white; font-size: 24px; background: black; color: white;">{{{번호0|0}}}</div>}}{{#if:{{{이름|{{{2|}}}}}}|<div style="float: left; text-align: center; margin: 2px 2px 2px {{#if:{{{번호|{{{1|}}}}}}|0px|2px}}; padding: 2px; border: 2px solid white; {{#if:{{{번호|{{{1|}}}}}}|border-top-right-radius: 10px; border-bottom-right-radius: 10px;|border-radius: 10px;}} font-size: 24px; color: white;">{{{이름|{{{2|}}}}}} {{#if:{{{그림|{{{3|}}}}}}|&nbsp;[[File:ExwayExitArrow.svg|x24px|link=]]&nbsp;|}}</div>}}
</div>
<!-- 위쪽 부분 끝, 아래쪽 부분 -->{{-}}<div style="height: 2px; width: 100%;"></div>
<div style="float: right; white-space: nowrap;">
{{{표지판}}}
</div>
</div>
{{-}}</onlyinclude></includeonly>
[[틀:고속도로 출구]]와 '틀:일반도로'를 대체하는 틀입니다. 디자인은 비슷하지만 실제 HTML 구조는 다릅니다. 이전 틀들은 디자인에 표(table)를 사용했습니다만, 이제 비로소 표와 상관 없이 div로 만든 틀을 선보이게 되었습니다.

== 사용법 ==
대략적인 사용법은 이러합니다.
<pre>
{{도로안내표지|번호=출구번호|번호0=또다른 출구번호|이름=교차로이름|그림=고속도로 나들목 표지판에 달리는 그림|배경색=윗부분 배경색|글꼴=글꼴|표지판=(설명은 아래에서)}}
</pre>
"표지판="에 들어갈 내용은 이러합니다.
<pre>
|표지판={{도로안내표지/-|표지판 유형|화살표 방향|제1 지명|로마자|제2 지명|로마자|노선번호(이미지 또는 별도 틀 사용)|너비=행선지가 들어가는 칸의 너비|배경색=개별 표지판 배경색}} (반복)
</pre>

{{틀|도로안내표지/-}}의 사용법이 번거로울 수 있는데, 이는 개별 유형 별로 설명하도록 하겠습니다. "표지판 유형"을 빈칸으로 두는 기본 유형의 경우 다음과 같습니다.
<pre>
{{도로안내표지/-||11|신의주|Sinuiju|안주|Anju|{{노선번호|고속도로|1}}|너비=300px}}
</pre>
{{도로안내표지/-||11|신의주|Sinuiju|안주|Anju|{{노선번호|고속도로|1}}|너비=300px}}{{-}}

"표지판 유형"에 숫자 "1"이 들어간다면, 화살표가 대신 표지판 칸의 오른쪽으로 옮겨갑니다.
<pre>
{{도로안내표지/-|1|1|강계|Kanggye|희천|Huichon|{{노선번호|고속도로|80}}|너비=300px}}
</pre>
{{도로안내표지/-|1|1|강계|Kanggye|희천|Huichon|{{노선번호|고속도로|80}}|너비=300px}}{{-}}

두 경우에서, 화살표 방향은 시계바늘이 가리키는 숫자와 동일합니다.

"표지판 유형"을 숫자 "0"으로 두는 고속도로 차로 지정형 표지판은 "화살표 방향" 대신 "화살표 개수"가 들어갑니다. (화살표 개수는 1개부터 5개까지 가능합니다.) 너비는 입력할 수 없으며 화살표 개수에 따라 고정됩니다. 화살표가 하나인 경우 지명은 제1 지명만 넣는 것을 추천합니다. 보시다시피 화살표가 하나일 때 너비가 좁습니다.
<pre>
{{도로안내표지/-|0|3|부산|Busan|||{{노선번호|고속도로|1}}}}{{도로안내표지/-|0|1|서부산|W.Busan|||{{노선번호|고속도로|55}}}}
</pre>
{{도로안내표지/-|0|3|부산|Busan|||{{노선번호|고속도로|1}}}}{{도로안내표지/-|0|1|서부산|W.Busan|||{{노선번호|고속도로|55}}}}{{-}}

자, 표지판을 모아볼까요?
<pre>
{{도로안내표지|번호=44|이름=수원신갈|그림=!|표지판={{도로안내표지/-|0|4|서울|Seoul|||{{노선번호|고속도로|1}}}}{{도로안내표지/-|1|1|수원|Suwon|신갈|Singal|{{노선번호|국도|42}}}}}}
</pre>
{{도로안내표지|번호=44|이름=수원신갈|그림=!|표지판={{도로안내표지/-|0|4|서울|Seoul|||{{노선번호|고속도로|1}}}}{{도로안내표지/-|1|1|수원|Suwon|신갈|Singal|{{노선번호|국도|42}}}}}}

추가 요청 사항 등이 있다면 [[틀토론:도로안내표지]]에 부탁하겠습니다.

== 알려진 버그 ==
* 도로 표지판에서 span이나 div 등을 이용하여 글씨에 색깔을 입힐 수 없습니다. {{틀|글꼴}}이나 {{틀|색깔}}을 이용하면 우회가 가능하긴 합니다.

[[분류:교통에 관한 틀]]