Phone: (845) 123 4567
Shortcodes
Here you'll find all the details about the available shortcodes + the syntax
One thirds:
Unordered List
- Text & Images
- Buttons
- Lists
- Typography
- Columns
- Lightbox
- Videos
- Tabs & Toggles
Checked List
- Text & Images
- Buttons
- Lists
- Typography
- Columns
- Lightbox
- Videos
- Tabs & Toggles
Floated List
- Text & Images
- Buttons
- Lists
- Typography
- Columns
- Lightbox
- Videos
- Tabs & Toggles
[one_third]Content comes here[/one_third]
[one_third]Content comes here[/one_third]
[one_third_last]Content comes here[/one_third_last]
For the checked list, add class="list check" to the ul html tag. For the unordered list, add class="list bullet". For the floated list, add class="list float" and create two different lists with the ul and li tags.
You may also use the icon attribute to add a 46x46 icon to the left of the text, like:
[one_third icon="link to the 46x46 pixels icon]Content comes here[/one_third]. Recommended on full width pages, where there's enough space for it
Two third + One Third:
ata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero e
ata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero e
[two_thirds]Content comes here[/two_thirds]
[one_third_last]Content comes here[/one_third_last]
One fourth’s:
ata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero e
ata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero e
ata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero e
ata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero e
[one_fourth]Content comes here[/one_fourth]
[one_fourth]Content comes here[/one_fourth]
[one_fourth]Content comes here[/one_fourth]
[one_fourth_last]Content comes here[/one_fourth_last]
First tab text comes here
Second tab
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
[tabs tab1="First title" content1="Content for the first title" tab2="Second tab" content2="Second tab content" tab3="Third tab" content3="Third tab content"][/tabs]
You may use maximum 6 tabs
First tab text comes here
Second tab
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
First tab text comes here
Second tab
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
hover background
[lightbox thumbnail="link to the thumbnail" width="300" height="370" float="left"]Link to the big image[/lightbox ]
You may use the left or right values for “float”, or if you don’t want to post content near it, use just the thumbnail, width and height attributes. Default width and height are 250 x 125 pixels if you don’t set them. If you don’t set a thumbnail, the big image will be used. If you don’t use a big image, the shortcode won’t return anything. You NEED TO ADD <div class=”clear”></div> after the content if you set the lightbox image to be floated. DON’T FORGET THAT!
Quote slider:
[quote_slider]
[quote author="John Doe"]Quote content comes here[quote]
[quote author="Max Mustermann"]Quote content comes here[quote]
[quote author="Amy McDonald"]Quote content comes here[quote]
[/quote_slider]
Image slideshow
[slideshow width="640" height="350"]
[slideshow_img width="640" height="350"]Url of the image here[slideshow_img ]
[slideshow_img width="640" height="350"]Url of the image here[slideshow_img ]
[slideshow_img width="640" height="350"]Url of the image here[slideshow_img ]
[slideshow_img width="640" height="350"]Url of the image here[slideshow_img ]
[slideshow_img width="640" height="350"]Url of the image here[slideshow_img ]
[/slideshow ]
Pricing table:
| Women | Man | Children | |
|---|---|---|---|
| Normal Haircut | $18.50 | $13.50 | $11.00 |
| Cut, Wash & Dry | $18.50 | $13.50 | $11.00 |
| Pin up | $28.00 | ||
| Coloration | |||
| Normal Haircut | $18.50 | $13.50 | $11.00 |
| Cut, Wash & Dry | $18.50 | $13.50 | $11.00 |
| Cosmetics | |||
| Nails | $18.50 |
[pricing-table title1="Women" title2="Man" title3="Children"]
[pricing option="Normal Haircut" price1="$18.50" price2="$13.50" price3="$11.00"][/pricing ]
[pricing option="Cut, Wash & Dry" price1="$18.50" price2="$13.50" price3="$11.00"][/pricing ]
[pricing option="Pin up" price1="$28.00" price2="" price3=""][/pricing]
[pricing option="Coloration" header="1" price1="" price2="" price3=""][/pricing]
[pricing option="Normal Haircut" price1="$18.50" price2="$13.50" price3="$11.00"][/pricing]
[pricing option="Cut, Wash & Dry" price1="$18.50" price2="$13.50" price3="$11.00"][/pricing]
[pricing option="Cosmetics" header="1" price1="" price2="" price3=""][/pricing]
[pricing option="Nails" price1="$18.50" price2="" price3=""][/pricing]
[/pricing-table]
[feedburner name="TheRiverCurrent"]
[twitter username="envato"]
[twitter username="envato" variation="2"]
[twitter username="envato" variation="3"]
[digg]
[digg variation="2"]
[digg variation="3"]
Default variation is set to 1
[facebook]
[stumble]
[stumble variation="1"]
[stumble variation="2"]
[stumble variation="3"]
[stumble variation="4"]
[stumble variation="6"]
Default variation is set to 5
[retweet]
[pinterest username="envato"]
[pinterest username="envato" variation="2"]
[pinterest username="envato" variation="3"]
[pinterest username="envato" variation="4"]
Default variation is set to 1
[addthis]
[addthis variation="2"]
[addthis variation="3"]
[addthis variation="4"]
Default variation is set to 1. Use variation="4" for the floating share box
[twitter_small username="envato"]
[facebook_small username="envato"]
[dribble_small username="envato"]
[vimeo_small username="envato"]
[flickr_small username="envato"]
After you use these 5 shortcodes, you MUST ADD <div class="clear"><div> because they're floated to the left! You can use multiple ones and add the previous code after you finish with these little icons.