틀:메시지: 두 판 사이의 차이

식물 vs 좀비 위키
imported>Ljyee
새 문서: <!-- Template:메시지 --> <!-- 메시지 박스 출력 시작 --> <includeonly><onlyinclude><templatestyles src="Template:메시지/styles.css" /> <div class="messagebox"> <!-- 메시지 박스 제목 시작 --> <div class="messagebox-header" style="--messagebox-color:{{{색상|#479745}}}; --messagebox-color-light:{{{밝은색|#65ad60}}};"> <div class="messagebox-header-text" style="{{글자 외곽선|폰트=B|color={{{외곽선색|#0f4728}}}}}"> {{{제목|알림}}} </div>...
 
imported>Ljyee
편집 요약 없음
1번째 줄: 1번째 줄:
<!-- Template:메시지 -->
<!-- Template:메시지 -->


<!-- 메시지 박스 출력 시작 -->
<!-- 메시지 출력 시작 -->
<includeonly><onlyinclude><templatestyles src="Template:메시지/styles.css" />
<includeonly><onlyinclude><templatestyles src="Template:메시지/styles.css" />


<div class="messagebox">
<div class="pvz-message" style="--message-color:{{{색상|#479745}}}; --message-color-soft:{{{밝은색|#75b86f}}};">


<!-- 메시지 박스 제목 시작 -->
<!-- 메시지 장식선 시작 -->
<div class="messagebox-header" style="--messagebox-color:{{{색상|#479745}}}; --messagebox-color-light:{{{밝은색|#65ad60}}};">
<div class="pvz-message-accent" aria-hidden="true"></div>
<div class="messagebox-header-text" style="{{글자 외곽선|폰트=B|color={{{외곽선색|#0f4728}}}}}">
<!-- 메시지 장식선 끝 -->
 
<!-- 메시지 본체 시작 -->
<div class="pvz-message-main">
 
<!-- 메시지 제목 시작 -->
<div class="pvz-message-heading" style="{{글자 외곽선|폰트=B|color={{{외곽선색|#0f4728}}}}}">
{{{제목|알림}}}
{{{제목|알림}}}
</div>
</div>
</div>
<!-- 메시지 제목 끝 -->
<!-- 메시지 박스 제목 끝 -->


<!-- 메시지 박스 내용 시작 -->
<!-- 메시지 내용 영역 시작 -->
<div class="messagebox-body">
<div class="pvz-message-row">


{{#if:{{{이미지|}}}|
{{#if:{{{이미지|}}}|
<div class="messagebox-image" style="transform:rotate({{{회전|0}}}deg);">
<!-- 메시지 이미지 시작 -->
<div class="pvz-message-image-wrap">
<div class="pvz-message-image" style="transform:rotate({{{회전|0}}}deg);">
[[파일:{{{이미지}}}|{{{이미지크기|90}}}px|center|link={{{링크|}}}|alt={{{제목|알림}}}]]
[[파일:{{{이미지}}}|{{{이미지크기|90}}}px|center|link={{{링크|}}}|alt={{{제목|알림}}}]]
</div>
</div>
</div>
<!-- 메시지 이미지 끝 -->
}}
}}


<div class="messagebox-content">
<!-- 메시지 본문 시작 -->
<div class="pvz-message-content">
{{{내용|내용을 입력하세요.}}}
{{{내용|내용을 입력하세요.}}}
</div>
</div>
<!-- 메시지 본문 끝 -->
</div>
<!-- 메시지 내용 영역 끝 -->


</div>
</div>
<!-- 메시지 박스 내용 끝 -->
<!-- 메시지 본체 끝 -->


</div></onlyinclude></includeonly>
</div></onlyinclude></includeonly>
<!-- 메시지 박스 출력 끝 -->
<!-- 메시지 출력 끝 -->


<!-- 안내 시작 -->
<!-- 안내 시작 -->
41번째 줄: 55번째 줄:
{{메시지
{{메시지
|색상=#479745
|색상=#479745
|밝은색=#65ad60
|밝은색=#75b86f
|제목=알아두세요!
|제목=알아두세요!
|이미지=Peashooter.png
|이미지=Peashooter.png
52번째 줄: 66번째 줄:


== 매개변수 ==
== 매개변수 ==
* <code>색상</code>: 제목 바의 기본 색상. 기본값은 <code>#479745</code>.
* <code>색상</code>: 제목과 왼쪽 장식선의 기본 색상. 기본값은 <code>#479745</code>.
* <code>밝은색</code>: 제목 바의 두 번째 색상. 기본값은 <code>#65ad60</code>.
* <code>밝은색</code>: 이미지 배지와 장식에 쓰이는 보조 색상. 기본값은 <code>#75b86f</code>.
* <code>제목</code>: 메시지 박스 제목.
* <code>제목</code>: 메시지 제목.
* <code>이미지</code>: 표시할 파일 이름.
* <code>이미지</code>: 왼쪽 원형 배지에 표시할 파일 이름.
* <code>이미지크기</code>: 이미지 크기. 기본값은 <code>90</code>.
* <code>이미지크기</code>: 이미지 크기. 기본값은 <code>90</code>.
* <code>회전</code>: 이미지 회전 각도. 기본값은 <code>0</code>.
* <code>회전</code>: 이미지 회전 각도. 기본값은 <code>0</code>.
* <code>내용</code>: 메시지 박스 본문.
* <code>내용</code>: 메시지 본문.
* <code>링크</code>: 이미지 클릭 시 이동할 문서.
* <code>링크</code>: 이미지 클릭 시 이동할 문서.
* <code>외곽선색</code>: 제목 외곽선 색상. 기본값은 <code>#0f4728</code>.
* <code>외곽선색</code>: 제목 글자 외곽선 색상. 기본값은 <code>#0f4728</code>.


<templatedata>
<templatedata>
{
{
   "description": "이미지, 제목, 본문을 표시하는 식좀위키용 메시지 박스입니다.",
   "description": "이미지, 제목, 본문을 표시하는 식좀위키용 메시지 틀입니다.",
   "params": {
   "params": {
     "색상": {
     "색상": {
       "label": "기본 색상",
       "label": "기본 색상",
       "description": "제목 바의 기본 색상을 지정합니다.",
       "description": "제목과 왼쪽 장식선의 기본 색상을 지정합니다.",
       "type": "string",
       "type": "string",
       "default": "#479745",
       "default": "#479745",
74번째 줄: 88번째 줄:
     },
     },
     "밝은색": {
     "밝은색": {
       "label": "밝은 색상",
       "label": "보조 색상",
       "description": "제목 바 그라데이션의 밝은 색상을 지정합니다.",
       "description": "이미지 배지와 장식에 쓰이는 보조 색상을 지정합니다.",
       "type": "string",
       "type": "string",
       "default": "#65ad60",
       "default": "#75b86f",
       "suggested": true
       "suggested": true
     },
     },
     "제목": {
     "제목": {
       "label": "제목",
       "label": "제목",
       "description": "메시지 박스의 제목입니다.",
       "description": "메시지의 제목입니다.",
       "type": "string",
       "type": "string",
       "required": true
       "required": true
88번째 줄: 102번째 줄:
     "이미지": {
     "이미지": {
       "label": "이미지",
       "label": "이미지",
       "description": "메시지 박스 왼쪽에 표시할 파일 이름입니다.",
       "description": "메시지 왼쪽 원형 배지에 표시할 파일 이름입니다.",
       "type": "wiki-file-name",
       "type": "wiki-file-name",
       "suggested": true
       "suggested": true
107번째 줄: 121번째 줄:
     "내용": {
     "내용": {
       "label": "내용",
       "label": "내용",
       "description": "메시지 박스의 본문 내용입니다.",
       "description": "메시지의 본문 내용입니다.",
       "type": "content",
       "type": "content",
       "required": true
       "required": true