Installation

Creating a Page

Creating a Blog

Creating a Portfolio

Managing Background

Managing Audio

Using General Settings

Creating a Contact Page

ShortCodes

Portfolio Template

[portfolio 
	count="2" // column count is an integer
	category="3" // one category id or more for example "1,2,3" 
	text="true" // if you use sort text is true, default is false
	type = "filter" // filter or pagination, default is pagination
	postperpage="12" // use only with pagination, value is an integer
]

Blog Template

[blog
	cats="1" // one category id or more for example "1,2,3"
	postperpage="5" // value is an integer, default is 10
	dateformat="none" // none or true
	metaformat='none' // none or your choose, default is 'posted, comments, tag'
]

1 to 4 Columns Design

As you can below, except single column you must add "_end" inside of last column tag

Single Column
[1of1]Content goes here[/1of1]

Two Columns
[1of2]..[/1of2]
[1of2_end]..[/1of2_end]

Three Columns
[1of3]..[/1of3]
[2of3_end]..[/2of3_end]  

Four Columns
[1of4]..[/1of4]
[2of4]..[/2of4]
[3of4]..[/3of4]
[3of4_end]..[/3of4_end]

Dropcap

[dropcap]Letter goes here[/dropcap]

Quote

[quotes_one]Content goes here[/quotes_one]
[quotes_two]Content goes here[/quotes_two]
[quotes_two align="left" style="width:100px"]...[/quotes_two]
[quotes_two align="right" style="width:100px"]...[/quotes_two]
[quotes_two]Content goes here
   [quotes_writer]John Due[/quotes_writer] 
[/quotes_two]

Highlight

[highlight]Lorem Ipsum[/highlight]

Tooltip

[tip text="Dummy text..."]Lorem Ipsum[/tip]

Item List

Classes; check, cross, arrow, circle

<ul class="list check">
   <li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
	<li>item 4</li>
	<li>item 5</li>
</ul>

Message Boxes

[message type="infobox"]Text goes here[/message]
[message type="attentionbox"]...[/message]
[message type="downloadbox"]...[/message]
[message type="crossbox"]...[/message]

Custom Button

[button size="small" color="black" url="#"]READMORE[/button]
[button size="small" color="white" url="#"]READMORE[/button]
[button size="small" color="red" url="#"]READMORE[/button]
[button size="small" color="green" url="#"]READMORE[/button]
[button size="small" color="blue" url="#"]READMORE[/button]

[button size="medium" color="black" url="#"]READMORE[/button]
[button size="medium" color="white" url="#"]READMORE[/button]
[button size="medium" color="red" url="#"]READMORE[/button]
[button size="medium" color="green" url="#"]READMORE[/button]
[button size="medium" color="blue" url="#"]READMORE[/button]

Person Info


[person_info 
   name="JOHN DOE" 
   title="SEO" 
   facebook="facebook.com/JohnDoe" 
   twitter="twitter.com/JohnDoe" 
   email="ceo@domain.com"
]

Youtube Video

[youtube 
	id="xYZ" //Youtube unique ID
	width="400" // With value pixel
	height="300" // Height value pixel 
	border="true" // true or false
]

Vimeo Video

[vimeo 
	id="123456" //Vimeo unique Number
	width="400" // With value pixel
	height="300" // Height value pixel 
	border="true" // true or false
]

Video Link

[vimeo 
	url="http://....." //Emded video url
	width="400" // With value pixel
	height="300" // Height value pixel 
	border="true" // true or false
]

Form

[form 
	secure="true" // true | false [Default: false]
	]

	[form_item 
		name="name" // required; no space or spacial characters
		title="Name" // required
		type="text" // text | textarea | select
		validate="required" // [Opsional] required, email etc.. see jquery.validate plug-in
		values="A, B, C" // required with select element 
	/]
	
[/form]

Two Column List

[list_two]
	[list_item 
		title="Address"
		type="" // [Opsional] text | url | email
	]
		Text goes here
	[/list_item]
[/list_two]

Toggle

[toggle 
	title="Toggle Button" 
	width="300" // [Opsional] pixel value
]
	Content goes here
[/toggle]

Google Map

[map 
 lat='41.048689'  // required
 lng='29.028646' // required
 zoom=15 // 0,7 to 18, default 11
 sensor = 'true' // true | false, default true
 width="910px" //default 500px
 height="300px" //default 500px
 type="HYBRID" //HYBRID | ROADMAP | SATELLITE | TERRAIN, default HYBRID 
 marker="true" // true | false, default false
 nocontrol="true" // true |false, default false  
 marker_icon="http://....png" // opsiyonel for special marker icon
]
	Header HTML content goes here in bubble of marker 
[/map]