보존:알림 상자/2010: 두 판 사이의 차이

2024년 10월 22일 (화) 03:44 기준 최신판

{{{본문}}}

설명	사용
폭 = 데스크톱 75%, 모바일 100% (기본 설정) 단, 기본설정이 아닐시 데스크톱, 모바일 공용으로 적용됨 색 = 없음이 기본 설정, 입력하면 왼쪽 바에 색이 입혀짐 배경색 = #fbfbfb (기본 설정) 경계선 = 1px solid #aaaaaa (기본 설정) 왼쪽 그림 = 비우면 안 뜸. (그림 파일을 띄울 수도 있습니다.) 왼쪽 그림 크기 = 45px (기본 설정) 왼쪽 그림 설명 = 비우면 안 뜸 왼쪽 그림 예외 = 특수한 경우에 쓰임. 오른쪽 그림 = 없어도 됨 오른쪽 그림 크기 = 45px (기본 설정) 오른쪽 그림 설명 = 비우면 안 뜸 오른쪽 그림 예외 = 특수한 경우에 쓰임. 간격 = 8px (기본 설정) 간격 = 8px (기본 설정) 간격 = 8px (기본 설정) 제목색 = #000000 (기본 설정) 본문색 = #000000 (기본 설정) 제목 = 본문 =	{{알림 상자 \|폭 = \|색 = \|배경색 = \|경계선 = \|왼쪽 그림 = \|왼쪽 그림 크기 = \|왼쪽 그림 설명 = \|왼쪽 그림 예외 = \|오른쪽 그림 = \|오른쪽 그림 크기 = \|오른쪽 그림 설명 = \|오른쪽 그림 예외 = \|간격 = \|제목 = \|본문 = }}

@@ 1번째 줄: / 1번째 줄: @@
 {{위백펌}}
-<onlyinclude>{| class="{{#if:{{{폭|}}}||ambox-hybrid}}" style="clear: both; {{#if:{{{폭|}}}|width: {{{폭}}};}} margin: 0 auto; border-collapse: collapse; background: {{{배경색|#fbfbfb}}}; border: {{{경계선|1px solid #aaa}}};  {{#if:{{{오른쪽색|}}}|border-right: 10px solid {{{오른쪽색|#1e90ff}}}; }}border-left: 10px solid {{{색|없음}}};"
+<onlyinclude>{{#css:
+.ambox-hybrid {
+    width: 75%;
+}
+@media (max-width: 1000px) {
+    .ambox-hybrid {
+        width: 100%;
+    }
+}
+}}{| class="template-ambox {{#if:{{{폭|}}}||ambox-hybrid}}" style="clear: both; {{#if:{{{폭|}}}|width: {{{폭}}};}} margin: 0 auto; border-collapse: collapse; background: {{{배경색|#fbfbfb}}}; border: {{{경계선|1px solid #aaa}}};  {{#if:{{{오른쪽색|}}}|border-right: 10px solid {{{오른쪽색|#1e90ff}}}; }}border-left: 10px solid {{{색|없음}}};"
 |-
 {{#if:{{{왼쪽 그림|}}}|{{!}}style="width: 52px; padding: 2px 0px 2px 0.5em; text-align: center;"{{!}}{{{왼쪽 그림 예외|[[파일:{{{왼쪽 그림| - }}}|{{{왼쪽 그림 크기|45px}}}|{{{왼쪽 그림 설명|}}}]]}}}}}
@@ 10번째 줄: / 20번째 줄: @@
 |-
 |
-* 폭 = 데스크톱 70%, 모바일 100% (기본 설정)
+* 폭 = 데스크톱 75%, 모바일 100% (기본 설정)
+** 단, 기본설정이 아닐시 데스크톱, 모바일 공용으로 적용됨
 * 색 = 없음이 기본 설정, 입력하면 왼쪽 바에 색이 입혀짐
 * 배경색 = #fbfbfb (기본 설정)
@@ 47번째 줄: / 58번째 줄: @@
 }}</pre>
 |}
-[[분류:머릿글 틀]]