分隔線

實心分隔線
[divider style=”solid” top=”10″ bottom=”10″]
虛線

---

一般
[divider style=”normal” top=”10″ bottom=”10″]
雙線
[divider style=”double” top=”10″ bottom=”10″]
虛線
[divider style=”dotted” top=”10″ bottom=”10″]

實心分隔線
[divider style="solid" top="10" bottom="10"]
虛線
🟦 🟦 🟦
一般
[divider style="normal" top="10" bottom="10"]
雙線
[divider style="double" top="10" bottom="10"]
虛線
[divider style="dotted" top="10" bottom="10"]

[divider]

Google地圖

[googlemap src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3618.0665218669037!2d121.23597744296261!3d24.929803656182973!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdbce7788a935438c!2z6b6N5bKh5aSn5pON5aC0!5e0!3m2!1szh-TW!2stw!4v1546149740958″ width=”” height=”500″ align=”aligncenter”]
先在Google地圖選取地點然後選分享，然後選取嵌入地圖，然後將嵌入代碼中的網址替換到下方網址

[googlemap src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3618.0665218669037!2d121.23597744296261!3d24.929803656182973!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xdbce7788a935438c!2z6b6N5bKh5aSn5pON5aC0!5e0!3m2!1szh-TW!2stw!4v1546149740958" width="" height="500" align="aligncenter"]

[divider]

flickr相簿

[flickr id=”10539853@N02″ number=”6″ orderby=”latest”]

[flickr id="10539853@N02" number="6" orderby="latest"]

獲得 Flickr User’s ID ^[1]
範例網址
^[2]
ID
10539853@N02
[divider]

嵌入影音

[divider]

按鈕

㊙️ 小型按鈕 ^[3]

㊙️ 中型按鈕 ^[3]

㊙️ 大型按鈕 ^[3]

㊙️ 小型按鈕 [3]
㊙️ 中型按鈕 [3]
㊙️ 大型按鈕 [3]

[divider]

小提示文字

[tooltip text=”文字” gravity=”n”]小提示文字[/tooltip]

[tooltip text="文字" gravity="n"]小提示文字[/tooltip]

[divider]

頁籤

[tabs type=”horizontal”]
[tabs_head]
[tab_title]頁籤一的標題[/tab_title]
[tab_title]頁籤二的標題 [/tab_title]
[tab_title]頁籤三的標題[/tab_title]
[/tabs_head]
[tab]頁籤一的內容[/tab]
[tab]頁籤二的內容[/tab]
[tab]頁籤三的內容[/tab]
[/tabs]

[tabs type="horizontal"]
[tabs_head]
[tab_title]頁籤一的標題[/tab_title]
[tab_title]頁籤二的標題 [/tab_title]
[tab_title]頁籤三的標題[/tab_title]
[/tabs_head]
[tab]頁籤一的內容[/tab]
[tab]頁籤二的內容[/tab]
[tab]頁籤三的內容[/tab]
[/tabs]

[divider]

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading

[divider]

The

 and 
 tags</h2>
<code>/* Header */
header {
margin: 0 auto;
position: relative;
padding:20px 0;
width:995px;
}
header:after{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
.logo {float: left;}
.logo h1{font:bold 32pt arial;}
#main-nav {width:995px;margin:0 auto 25px;background:#fbfbfb;height:50px;-moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca;-webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;border-bottom:5px solid #494949;}
#main-nav .menu-alert{float:left;padding:18px 0 0 10px ;font-style:italic;}
#top-menu-mob , #main-menu-mob{ display:none; }
[divider]
Unordered / Ordered Lists

Ipsum tempus neque.
Aenean maecenas sagittis.
Ipsum libero vivamus.
Pede sit vivamus.
Aenean duis consequat.
Ut pede accumsan.
Accusamus enim mauris tellus vulputate senectus praesent.


Integer sed dui.
Amet scelerisque rhoncus.
Parturient vel elit.
Elit aliquet in in dolor enim.
Nisl eros rhoncus.
In donec wisi.
Mi enim diam hendrerit adipiscing porta.
Dui scelerisque molestie.


	
Ipsum tempus neque.
	
Aenean maecenas sagittis.
	
Ipsum libero vivamus.
	
Pede sit vivamus.
	
Aenean duis consequat.
	
Ut pede accumsan.
	
Accusamus enim mauris tellus vulputate senectus praesent.


	
Integer sed dui.
	
Amet scelerisque rhoncus.
	
Parturient vel elit.
	
Elit aliquet in in dolor enim.
	
Nisl eros rhoncus.
	
In donec wisi.
	
Mi enim diam hendrerit adipiscing porta.
	
Dui scelerisque molestie.

[divider]
Tables
First NameLast NameEmail AddressWebsite




John
Smith
johnsmith@example.com
http://www.example.com


Peter
James
peterjames@example.com
http://www.example.com


Ronald
Weeley
ronweeley@example.com
http://www.example.com



First NameLast NameEmail AddressWebsite




John
Smith
johnsmith@example.com
http://www.example.com


Peter
James
peterjames@example.com
http://www.example.com


Ronald
Weeley
ronweeley@example.com
http://www.example.com



[divider]
Blockquotes
Suscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.

Lorem ipsum dolor sit amet, nullam sapien erat tristique tempor nulla, blandit sit metus volutpat integer wisi. Sed elementum, nec nec inceptos vestibulum diam proin erat, sociosqu et sit provident pellentesque sed aenean. Faucibus per turpis est pellentesque potenti, tristique iaculis adipiscing mauris, ante velit et massa donec facilisis, sed felis sed est.

Molestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien, eget duis consectetuer tristique nunc vitae erat, mi purus nisl lorem. Ac magna lobortis non, vulputate vitae viverra.

Lorem ipsum dolor sit amet, nullam sapien erat tristique tempor nulla, blandit sit metus volutpat integer wisi. Sed elementum, nec nec inceptos vestibulum diam proin erat, sociosqu et sit provident pellentesque sed aenean. Faucibus per turpis est pellentesque potenti, tristique iaculis adipiscing mauris, ante velit et massa donec facilisis, sed felis sed est.

[divider]
Images
 [4]

 [5]Molestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien, eget duis consectetuer tristique nunc vitae erat, mi purus nisl lorem. Ac magna lobortis non, vulputate vitae viverra. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna.

 [6]Molestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien, eget duis consectetuer tristique nunc vitae erat, mi purus nisl lorem. Ac magna lobortis non, vulputate vitae viverra. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna.
 [4]
 [5]Molestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien, eget duis consectetuer tristique nunc vitae erat, mi purus nisl lorem. Ac magna lobortis non, vulputate vitae viverra. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna.
 [6]Molestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien, eget duis consectetuer tristique nunc vitae erat, mi purus nisl lorem. Ac magna lobortis non, vulputate vitae viverra. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna.
[divider]
Gallery

			

				 [7]
			

			

				 [8]
			
				

			

				 [9]
			
				

			

				 [10]
			

			

				 [11]
			

			

				 [12]
			

			

				 [13]
			
		


			

				 [7]
			

			

				 [8]
			
				

			

				 [9]
			
				

			

				 [10]
			

			

				 [11]
			

			

				 [12]
			

			

				 [13]
			
		

 列印本文 [14]