* 이런 기능 있었으면 좋겠다 하시면 잡담방에서 에주를 찾아주세요(실제로 가능할진 모름)

[[목차]]

== 텍스트 꾸밈 ==
=== 타이핑 효과 ===
[[TypingEffect(타이핑 효과입니다. 페이지가 로드될 때 효과가 나타납니다.|0.05)]]
{{{[[TypingEffect(텍스트(개행은 \n)|타이핑 속도(초 단위)]]}}}

=== 흐르는 텍스트 ===
[[MarqueeText(흐르는 텍스트입니다.|speed=8s|color=black|fontsize=15px|direction=right|bgcolor=skyblue)]]
{{{[[MarqueeText(흐르는 텍스트입니다.|speed=흐르는 속도(초 단위)|color=글자색|fontsize=글자 크기|direction=흐르는 방향|bgcolor=배경색)]]}}}

== 이미지 관련 ==
=== 슬라이드쇼 ===
[[ImageSlideshow(https://i.postimg.cc/DzbHyFp7/123124.jpg, https://i.postimg.cc/4d60VPTM/1529640292.jpg, https://i.postimg.cc/XJShrhtd/1530889324-IMG-20180701-152356.jpg, https://i.postimg.cc/FH6w41ZP/1536386468165b2fda0bc4a354f.jpg|width=300px|height=300px|interval=3)]]
{{{[[ImageSlideshow(이미지 주소(여러장은 콤마로 구분)|width=가로 길이|height=세로 길이|interval=슬라이드 자동 전환 시간(초 단위)]]}}}

=== 갤러리 ===
[[ImageGallery(https://i.postimg.cc/DzbHyFp7/123124.jpg|클릭하면 확대돼요,https://i.postimg.cc/4d60VPTM/1529640292.jpg|개조심,https://i.postimg.cc/XJShrhtd/1530889324-IMG-20180701-152356.jpg|꽉낀밈미)]]
{{{[[ImageGallery(이미지 주소|캡션(생략 가능),여러개는 쉼표로 구분)]]}}}

== 기타 ==
=== 실시간 시계 ===
[[LiveClock]]
{{{[[LiveClock]]}}}

현재 시간을 실시간으로 보여줍니다.

=== 뒤집히는 카드 ===
[[FlipCard(눌러\n보세용|와!\n와!|width=50%|height=250px|frontBg=#e0f7fa|backBg=url(https://i.postimg.cc/4d60VPTM/1529640292.jpg)|frontColor=#006064|backColor=#bf360c|fontSize=18px)]]
{{{[[FlipCard(앞면 텍스트|뒷면 텍스트(개행은 \n)|width=가로 길이|height=세로 길이|frontBg=앞면 배경색|backBg=뒷면 배경색|frontColor=앞면 글자색|backColor=뒷면 글자색|fontSize=글자 크기)]]}}}

fontBg, backBg에 url(이미지 주소) 형식으로 입력하면 이미지 삽입도 가능합니다

{{{#!folding 고급 설정용
내용 텍스트 뒤에 <style>...</style> 태그로 CSS 스타일을 지정할 수 있습니다.

[[FlipCard(Hello|World!|<style>#{id} {  width: 400px;  height: 250px;  border-radius: 16px;}#{id} .flip-front {  background: linear-gradient(45deg, #6a11cb, #2575fc);  color: white;  font-family: 'Courier New', monospace;  font-size: 1.5em;}#{id} .flip-back {  background: #f0f0f0;  color: #222;  font-family: Arial, sans-serif;  font-size: 1.2em;}</style>)]]
 * 예시 : {{{[[FlipCard(Hello|World!|<style>#{id} {  width: 400px;  height: 250px;  border-radius: 16px;}#{id} .flip-front {  background: linear-gradient(45deg, #6a11cb, #2575fc);  color: white;  font-family: 'Courier New', monospace;  font-size: 1.5em;}#{id} .flip-back {  background: #f0f0f0;  color: #222;  font-family: Arial, sans-serif;  font-size: 1.2em;}</style>)]]}}}
 참고로 <style>에 포함되는 #{ID}는 빼거나 수정하면 안됩니다

https://i.postimg.cc/t70Lk9bD/flipcard.png
}}}

=== 탭 ===
[[Tabs(소개=소개\n내용|예시=예시 내용)]]
{{{[[Tabs(탭 제목=탭 내용(여러 탭은 |로 구분, 개행은 \n)]]}}}

{{{#!folding 고급 설정용
내용 텍스트 뒤에 <style>...</style> 태그로 CSS 스타일을 지정할 수 있습니다.

[[Tabs(소개=소개 내용|예시=예시 내용|<style>#{ID} .tablinks { background-color: pink; color: purple; }#{ID} .tablinks.active { background-color: purple; color: white; }</style>)]]
 * 예시 : {{{[[Tabs(소개=소개 내용|예시=예시 내용|<style>#{ID} .tablinks { background-color: pink; color: purple; }#{ID} .tablinks.active { background-color: purple; color: white; }</style>)]]}}}
 참고로 <style>에 포함되는 #{ID}는 빼거나 수정하면 안됩니다

https://i.postimg.cc/cHmH16mn/tabs.png
}}}