r21
| 1 | [[분류:틀 설명문서]][include(틀:설명문서)] |
|---|
r17
| 2 | == 설명 == |
|---|
r29
| 3 | [[백괴사전]]의 그 [[https://uncyclopedia.kr/wiki/틀:삐|틀:삐]] 를 the seed 엔진에서 html 문법을 사용하지 않고 wiki, folding 문법, if 문법으로 지원되는 css들로 나타내보고자 생성하는 겸 테스트해본 문서입니다. 옆으로 나오지 않고 아래로 나오는 문제가 있지만 그래도 터치하면 속의 내용이 나오는 부분은 구현할 수 있었습니다. 문서에는 특정 접기 문법을 일괄적으로 펼치거나 접을 수 있는 기능이 없으므로, 문서에 틀이 여러 개 삽입된 경우 일일이 눌러서 열어야 합니다. |
|---|
r23
| 4 | 인용문이나 wiki 구문을 이용한 틀에 삽일 할 경우 css display inline-block 과 엉기는지 예기치 않은 줄바꿈 및 깨짐 현상이 일어납니다.[* 아래쪽과 위쪽이 강제로 개행되는 현상으로 추정됩니다.] 틀을 삽입할 곳에 wiki style 등 문법으로 |
|---|
r17
| 5 | >{{{#!wiki style="margin: -0.75em;" |
|---|
r20
| 6 | {{{#!wiki style="display: inline; font-family: monospace;" |
|---|
| 7 | \{{{#!wiki style="display: inline-block;" |
|---|
| 8 | {{{#red \''\''\''}}}{{{#green \[include(틀:삐)]}}}\}}\}}}}}}} |
|---|
r23
| 9 | 과 같이 정렬하게 만드는 처리를 해놓아야 합니다. |
|---|
r18
| 10 | |
|---|
r19
| 11 | wiki 나 인용문 공간 안에 삽입하는 경우가 아니라면 본문에 위와 같은 처리를 하지 않고 {{{#!wiki style="display: inline; font-family: monospace;" |
|---|
r24
| 12 | \[include(틀:삐)]}}}만 삽입하는 것은 문제 없어 보입니다. |
|---|
r9
| 13 | == 변수값 == |
|---|
r5
| 14 | >{{{#!wiki style="margin: -0.75em;" |
|---|
r32
| 15 | \[include(틀:삐, 배경색= , 테두리색=, 글자색= , 겉= , 속= , 속배경색= , 속글자색= , 속배경다크색=, 속글자다크색=, 링크=, 속의속=, 배율= )]}}} |
|---|
r5
| 16 | * 배경색 : 틀의 배경색 (기본값 : {{{#!wiki style="display:inline; background-color:gray; padding: 0 .1em;" |
|---|
| 17 | {{{#yellow \#yellow}}}}}}) |
|---|
r26
| 18 | * 테두리색 : 틀의 테두리색 (기본값 : {{{#!wiki style="display: inline; background-color: snow; padding: 0 .1em;" |
|---|
r8
| 19 | {{{#goldenrod \#goldenrod}}}}}}) |
|---|
r15
| 20 | * 글자색 : 틀의 글자색 (기본값 : {{{#!wiki style="display: inline; background-color:snow; padding: 0 .1em;" |
|---|
r8
| 21 | {{{#darkgoldenrod \#darkgoldenrod}}}}}}) |
|---|
r30
| 22 | * 겉 : 외형적으로 표시할 문구. 기본값은 속의 글자수에 따라 "{{{#!wiki style="display: inline; font-family: monospace;" |
|---|
| 23 | 삐}}}"(1자일 경우)부터 "{{{#!wiki style="display: inline; font-family: monospace;" |
|---|
| 24 | 삐----}}}"(5자 이상일 경우)까지 있습니다. |
|---|
r5
| 25 | * 속 : 터치하면 나타날 문구 (기본값 : "{{{#!wiki style="display: inline; font-family: monospace;" |
|---|
| 26 | (대충 비속어)}}}") |
|---|
r26
| 27 | * 속배경색 : 터치하면 나타날 문구의 배경 색상 (기본값 : "{{{#!wiki style="display: inline; font-family: monospace; background-color:navy; padding: 0 .1em;" |
|---|
r31
| 28 | {{{#eeeeee #eeeeee}}}}}}") |
|---|
| 29 | * 속글자색 : 터치하면 나타날 문구의 글자 색상 (기본값 : "{{{#!wiki style="display: inline; font-family: monospace;" |
|---|
| 30 | {{{#212529 #212529}}}}}}") |
|---|
| 31 | * 속배경다크색 : 터치하면 나타날 문구의 배경 다크모드 색상 (기본값 : "{{{#!wiki style="display: inline; font-family: monospace; background-color:navy; padding: 0 .1em;" |
|---|
r26
| 32 | {{{#e0e0e0 #e0e0e0}}}}}}") |
|---|
r31
| 33 | * 속글자다크색 : 터치하면 나타날 문구의 글자 다크모드 색상 (기본값 : "{{{#!wiki style="display: inline; font-family: monospace;" |
|---|
r26
| 34 | {{{#2d2f34 #2d2f34}}}}}}") |
|---|
r32
| 35 | * 링크 : 속에 넣을 내용을 링크로 처리하고 싶은 경우, 링크=true를 입력합니다. |
|---|
| 36 | * 속의속 : 겉에 나타날 문구와 다른 곳으로 링크하고 싶을 경우, 그 링크할 대상을 입력합니다. 입력하지 않을 경우 일반 링크가 됩니다. |
|---|
r36
| 37 | * 배율 : 나타날 틀의 크기. 단위는 em입니다. 0.25 ~ 10 까지 조정됩니다. 한계를 넘어간 값은 한계로 조절되며 부적합한 숫자를 입력한 경우 배율이 기본값인 1로 고정됩니다. (기본값 : {{{#!wiki style="display: inline; font-family: monospace;" |
|---|
r26
| 38 | 1}}}) |
|---|
r11
| 39 | 색상에는 색상코드인 {{{#!wiki style="display: inline; font-family: monospace;" |
|---|
| 40 | \#rrggbb}}} 또는 {{{#!wiki style="display: inline; font-family: monospace;" |
|---|
r13
| 41 | \#rrggbbaa}}}을 입력할 수 있습니다. 색상이름을 입력하려면 {{{#!wiki style="display: inline; font-family: monospace;" |
|---|
r12
| 42 | \#}}} 기호 없이 입력해야 합니다. |
|---|
r33
| 43 | |
|---|
| 44 | == 기타 == |
|---|
r34
| 45 | 문법(구문)만 끌어내어 --토론 스레드에-- 붙이고 싶을 경우 다음을 응용할 수 있습니다. |
|---|
r33
| 46 | || 원문 ||{{{{{{#!wiki style="display:inline-block; vertical-align: top; margin: 0 0.1em; font-size:calc(1em)" |
|---|
| 47 | {{{#!wiki style="display:inline-grid;" |
|---|
| 48 | {{{#!wiki style="display:inline-block; padding: 0 .2em; border: 1px solid goldenrod; background: yellow; height: 1.5em; color:darkgoldenrod" |
|---|
| 49 | @겉=삐-@}}}{{{#!wiki style="margin-top: -1.5em; padding: 0 .2em 0 .25em;" |
|---|
| 50 | {{{#!wiki style="color:#00000000;" dark-style="color:#00000000;" |
|---|
| 51 | {{{#!folding @겉=삐-@ |
|---|
| 52 | {{{#!wiki style="color:#212529; background-color:#eeeeee; padding:0 .1em;" dark-style="color:#e0e0e0; background-color:#2d2f34;" |
|---|
r35
| 53 | @속=(대충 비속어)@}}}}}}}}}}}} }}}}}} |
|---|
r33
| 54 | }}}|| |
|---|
| 55 | || 출력결과 ||{{{#!wiki style="display:inline-block; vertical-align: top; margin: 0 0.1em; font-size:calc(1em)" |
|---|
| 56 | {{{#!wiki style="display:inline-grid;" |
|---|
| 57 | {{{#!wiki style="display:inline-block; padding: 0 .2em; border: 1px solid goldenrod; background: yellow; height: 1.5em; color:darkgoldenrod" |
|---|
| 58 | @겉=삐-@}}}{{{#!wiki style="margin-top: -1.5em; padding: 0 .2em 0 .25em;" |
|---|
| 59 | {{{#!wiki style="color:#00000000;" dark-style="color:#00000000;" |
|---|
| 60 | {{{#!folding @겉=삐-@ |
|---|
| 61 | {{{#!wiki style="color:#212529; background-color:#eeeeee; padding:0 .1em;" dark-style="color:#e0e0e0; background-color:#2d2f34;" |
|---|
| 62 | @속=(대충 비속어)@}}}}}}}}}}}}\ }}}}}}|| |
|---|