틀:예시: 두 판 사이의 차이
편집 요약 없음 |
(낙서장에서 보기용 아이콘 임시 추가) |
||
| 21번째 줄: | 21번째 줄: | ||
.frm-code-example-wrapper > .frm-code{ | .frm-code-example-wrapper > .frm-code{ | ||
background-color: #374151; | background-color: #374151; | ||
position: relative; | |||
} | } | ||
.frm-code-example-wrapper > .frm-code .frm-content{ | .frm-code-example-wrapper > .frm-code .frm-content{ | ||
font-family:Söhne Mono,Monaco,Andale Mono,Ubuntu Mono,monospace!important; | font-family:Söhne Mono,Monaco,Andale Mono,Ubuntu Mono,monospace!important; | ||
| 33번째 줄: | 35번째 줄: | ||
font-size: 1.5em; | font-size: 1.5em; | ||
background-color: #fff; | background-color: #fff; | ||
} | |||
.frm-code-example-wrapper .frm-btn{ | |||
position:absolute; | |||
right:8px; | |||
bottom:8px; | |||
color:#fff; | |||
opacity:0.5; | |||
cursor:pointer; | |||
transition:opacity 0.2s ease-in-out; | |||
display:none; | |||
} | |||
.frm-code-example-wrapper .frm-btn:hover{ | |||
opacity:1; | |||
} | } | ||
}}<!-- | }}<!-- | ||
| 40번째 줄: | 57번째 줄: | ||
<div class="frm-title">{{아이콘|code_blocks}} 코드</div> | <div class="frm-title">{{아이콘|code_blocks}} 코드</div> | ||
<div class="frm-content">{{{1|}}}</div> | <div class="frm-content">{{{1|}}}</div> | ||
<div class="frm-btn frm-example">{{아이콘|code}}</div> | |||
</div> | </div> | ||
<div class="frm-result"> | <div class="frm-result"> | ||
2023년 9월 5일 (화) 15:19 판
틀 설명이나 도움말 문서에 사용할만한 예시틀입니다. 코드부분에는 적절한 nowiki 처리가 필요합니다.
예시
code_blocks 코드
{{USERNAME|너}}
code
description 결과
너
{{예시|<nowiki>{{USERNAME|너}}</nowiki>|{{USERNAME|너}}}}