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

식물 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
Ljyee (토론)의 1024 판 편집을 되돌림
 
(같은 사용자의 중간 판 16개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<!-- Template:메시지 -->
<!-- Template:메시지 -->


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


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


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


<!-- 메시지 박스 내용 시작 -->
<span class="pvz-message-hole" aria-hidden="true"></span>
<div class="messagebox-body">


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


<div class="messagebox-content">
</div>
{{{내용|내용을 입력하세요.}}}
 
<div class="pvz-message-card">
 
<div class="pvz-message-content">
 
<div class="pvz-message-heading" style="font-family:'SB Aggro M';">{{{제목|알림}}}</div>
 
<div class="pvz-message-text">{{{내용|내용을 입력하세요.}}}</div>
 
</div>
</div>


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


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


<!-- 안내 시작 -->
<!-- 안내 시작 -->
<noinclude>
<noinclude>
이 틀은 문서에 이미지와 설명을 포함한 메시지 박스를 표시합니다.
이 틀은 왼쪽 태그형 이미지 영역과 오른쪽 본문 카드로 구성된 메시지를 표시합니다.


== 사용법 ==
== 사용법 ==
41번째 줄: 43번째 줄:
{{메시지
{{메시지
|색상=#479745
|색상=#479745
|밝은색=#65ad60
|제목=알아두세요!
|제목=알아두세요!
|이미지=Peashooter.png
|이미지=Example.png
|이미지크기=90
|이미지크기=90
|회전=0
|회전=0
|내용=이곳에 안내 내용을 입력합니다.
|내용=백설콩과 횃불나무는 최악의 궁합을 자랑합니다.
|링크=완두콩 슈터
|링크=문서 이름
}}
}}
</syntaxhighlight>
</syntaxhighlight>


== 매개변수 ==
== 매개변수 ==
* <code>색상</code>: 제목 바의 기본 색상. 기본값은 <code>#479745</code>.
* <code>색상</code>: 왼쪽 태그 영역과 오른쪽 카드 테두리 색상. 기본값은 <code>#479745</code>.
* <code>밝은색</code>: 제목 바의 두 번째 색상. 기본값은 <code>#65ad60</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>.


<templatedata>
<templatedata>
{
{
   "description": "이미지, 제목, 본문을 표시하는 식좀위키용 메시지 박스입니다.",
   "description": "왼쪽 태그형 이미지 영역과 오른쪽 본문 카드로 구성된 식좀위키용 메시지 틀입니다.",
   "params": {
   "params": {
     "색상": {
     "색상": {
       "label": "기본 색상",
       "label": "태그 색상",
       "description": "제목 바의 기본 색상을 지정합니다.",
       "description": "왼쪽 태그 영역과 오른쪽 카드 테두리 색상을 지정합니다.",
       "type": "string",
       "type": "string",
       "default": "#479745",
       "default": "#479745",
      "suggested": true
    },
    "밝은색": {
      "label": "밝은 색상",
      "description": "제목 바 그라데이션의 밝은 색상을 지정합니다.",
      "type": "string",
      "default": "#65ad60",
       "suggested": true
       "suggested": true
     },
     },
     "제목": {
     "제목": {
       "label": "제목",
       "label": "제목",
       "description": "메시지 박스의 제목입니다.",
       "description": "메시지의 제목입니다.",
       "type": "string",
       "type": "string",
       "required": true
       "required": true
88번째 줄: 80번째 줄:
     "이미지": {
     "이미지": {
       "label": "이미지",
       "label": "이미지",
       "description": "메시지 박스 왼쪽에 표시할 파일 이름입니다.",
       "description": "왼쪽 태그 영역에 표시할 파일 이름입니다.",
       "type": "wiki-file-name",
       "type": "wiki-file-name",
       "suggested": true
       "suggested": true
107번째 줄: 99번째 줄:
     "내용": {
     "내용": {
       "label": "내용",
       "label": "내용",
       "description": "메시지 박스의 본문 내용입니다.",
       "description": "메시지의 본문 내용입니다.",
       "type": "content",
       "type": "content",
       "required": true
       "required": true
115번째 줄: 107번째 줄:
       "description": "이미지를 클릭했을 때 이동할 문서입니다.",
       "description": "이미지를 클릭했을 때 이동할 문서입니다.",
       "type": "wiki-page-name"
       "type": "wiki-page-name"
    },
    "외곽선색": {
      "label": "제목 외곽선 색상",
      "description": "틀:글자 외곽선에 전달할 색상입니다.",
      "type": "string",
      "default": "#0f4728"
     }
     }
   },
   },