추가 매크로 목록 (rev. 1.25)

추가 매크로 목록

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

목차

1. 텍스트 꾸밈

1.1. 타이핑 효과
1.2. 흐르는 텍스트

2. 이미지 관련

2.1. 슬라이드쇼
2.2. 갤러리

3.1. 실시간 시계
3.2. 뒤집히는 카드
3.3. 탭
3.4. 세로형 탭

1. 텍스트 꾸밈 ¶

1.1. 타이핑 효과 ¶

[[TypingEffect(텍스트(개행은 \n)|타이핑 속도(초 단위)]]

1.2. 흐르는 텍스트 ¶

흐르는 텍스트입니다.

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

2. 이미지 관련 ¶

2.1. 슬라이드쇼 ¶

��̵� �̹��

��̵� �̹��

��̵� �̹��

��̵� �̹��

❮

❯

[[ImageSlideshow(이미지 주소(여러장은 콤마로 구분)|width=가로 길이|height=세로 길이|interval=슬라이드 자동 전환 시간(초 단위)]]

2.2. 갤러리 ¶

클릭하면 확대돼요

클릭하면 확대돼요

개조심

개조심

꽉낀밈미

꽉낀밈미

[[ImageGallery(이미지 주소|캡션(생략 가능),여러개는 쉼표로 구분)]]

3. 기타 ¶

3.1. 실시간 시계 ¶

[[LiveClock]]

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

3.2. 뒤집히는 카드 ¶

와!\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(이미지 주소) 형식으로 입력하면 이미지 삽입도 가능합니다

고급 설정용

내용 텍스트 뒤에 <style>...</style> 태그로 CSS 스타일을 지정할 수 있습니다.

World!|#{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;})

예시 : [[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

[PNG external image]

3.3. 탭 ¶

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

고급 설정용

내용 텍스트 뒤에 <style>...</style> 태그로 CSS 스타일을 지정할 수 있습니다.

예시=예시 내용|#{ID} .tablinks { background-color: pink; color: purple; }#{ID} .tablinks.active { background-color: purple; color: white; })

예시 : [[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

[PNG external image]

3.4. 세로형 탭 ¶

Tab2=두 번째 탭 내용|width=500px|height=250px|fontSize=16px)