Shortcodes
This Wordpress theme "OneLife" comes with several shortcodes that helps in customizing your content easier.
List of Shortcodes
Tabs
Horizontal
[dt_sc_tabs_horizontal type="type5" animation="" animation_delay=""]
[dt_sc_tab title="Tab 1" icon="fa-home"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title="Tab 2" icon="fa-eye"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title="Tab 3" icon="fa-bolt"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[/dt_sc_tabs_horizontal]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1,type2,type3,type4,type5 |
type |
type="type1" |
| Animation |
flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft,
fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight,
fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft,
bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft,
rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight,
rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp,
expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight
|
animation |
animation="swing" |
| Animation Delay |
Add numeric value |
animation_delay |
animation_delay="400" |
| Title |
|
title |
title="Tab 1" |
| Icon |
Applicable only for type5 |
icon |
icon="fa-bolt" |
Vertical
[dt_sc_tabs_vertical type="type1" animation="" animation_delay=""]
[dt_sc_tab title="Tab 1"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title="Tab 2"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title="Tab 3"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[/dt_sc_tabs_vertical]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1,type2 |
type |
type="type1" |
| Animation |
flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft,
fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight,
fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft,
bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft,
rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight,
rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp,
expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight
|
animation |
animation="swing" |
| Animation Delay |
Add numeric value |
animation_delay |
animation_delay="400" |
Blockquotes
[dt_sc_blockquote type="type2" textcolor="#b5d69e" class="custom-blockquote"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac luctus ligula. Phasellus a ligula blandit
[/dt_sc_blockquote]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type 1, type 2 |
type |
type="type2" |
| Text Color |
|
textcolor |
textcolor="#b5d69e" |
| Class |
|
class |
class="custom-blockquote" |
Buttons
[dt_sc_button type="type2" link="#" icon="fa-home" size="medium" bgcolor="#71ba9f" variation="blueturquoise" textcolor="#ffffff" target="_blank" span_text="1" class="special-button"]Go Back[/dt_sc_button]
| Attribute |
Options |
Input Variable |
Example |
| Type |
,type2,type3,type4,type5,type6,type7,type8,type9,type10 (You can use any these types.) |
type |
type="type1" |
| Link |
Add link for your button here. |
link |
link="#" |
| Fontawesome Icon |
Fontawesome icon goes here. |
icon |
icon="fa-home" |
| Size |
small,medium,large |
size |
size="small" |
| Background Color |
Add background color for your button. |
bgcolor |
bgcolor="#7f7f7f" |
| Variation |
blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow |
variation |
variation="blue" |
| Text Color |
Add text color for your button. |
textcolor |
textcolor="#81d742" |
| Target |
_blank, _new, _parent, _self, _top |
target |
target="_blank" |
| Span Text |
Add any text here which will be used for type 5. |
span_text |
span_text="1" |
| Class |
You can add your own custom class here. |
class |
class="" |
| Tooltip |
You can add Tooltip for your button.(It is applicable for all types) |
enable_tooltip |
enable_tooltip="true" |
| Tooltip Position |
You can add Tooltip Position for your button. (top, left, right, bottom) |
Position |
position="top" |
Icon Box
[dt_sc_icon_box type="type1" fontawesome_icon="fa-home" stoke_icon="icon-Tie" custom_icon="http://placehold.it/80" custom_icon_hover="http://placehold.it/80" icon_text="Awesome Features"
title="Our Services" title_icon="fa-eye" link="#" readmore_title="View More" readmore_link="#" icon_animation="flash" icon_animation_delay="400" align="left"
animation="fadeIn" animation_delay="400" background_color="#dd9933" border="true" boxshadow="true" designtype="circle" class="custom-iconbbox"]
Pellentesque ultricies congue lacus, eget elementum erat lobortis et. Sed non velit neque.
[/dt_sc_icon_box]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1 |
type |
type="type1" |
| Fontawesome Icon |
Any fontawesome icon |
fontawesome_icon |
fontawesome_icon="fa-home" |
| Stroke Gap Icon |
Any stroke gap icon |
stoke_icon |
stoke_icon="icon-Tie" |
| Custom Icon |
|
custom_icon |
custom_icon="http://placehold.it/80" |
| Custom Icon Hover |
|
custom_icon_hover |
custom_icon_hover="http://placehold.it/80" |
| Icon Text |
|
icon_text |
icon_text="Awesome Features" |
| Title |
|
title |
title="Our Services" |
| Title Icon |
|
title_icon |
title_icon="fa-eye" |
| Link |
|
link |
link="#" |
| Read More Title |
|
readmore_title |
readmore_title="View More" |
| Read More Link |
|
readmore_link |
readmore_link="#" |
| Icon Animation |
flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft,
fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight,
fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft,
bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft,
rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight,
rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp,
expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight
|
icon_animation |
icon_animation="swing" |
| Icon Animation Delay |
Add numeric value |
icon_animation_delay |
icon_animation_delay="400" |
| Align |
left,right |
align |
align="left" |
| Animation |
flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft,
fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight,
fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft,
bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft,
rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight,
rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp,
expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight
|
animation |
animation="swing" |
| Animation Delay |
Add numeric value |
animation_delay |
animation_delay="400" |
| Background Color |
You can choose custom bg color (applicable only for type 6). |
boxshadow |
boxshadow="true" |
| Enable Border |
false, true.( applicable only for type 9 ) |
border |
border="false" |
| Enable Box shadow |
false, true.( applicable only for type 3 ) |
boxshadow |
boxshadow="true" |
| Design Type |
square, circle.( applicable only for type 8 ) |
designtype |
designtype="square" |
| Class |
You can add custom class here. |
class |
class="custom-iconbbox" |
Progress Bars
[dt_sc_progressbar type="type2" variation="blue" title="Photoshop" value="85" animation="" animation_delay="" /]
| Attribute |
Options |
Input Variable |
Example |
| Type |
,type2,type3 |
type |
type="" |
| Variation |
blue, blueturquoise, brown, burntsienna, chillipepper, chocolate, coral, graasgreen, green, orange, pink, radiantorchid, red, skyblue, yellow |
variation |
variation="blue" |
| Title |
|
title |
title="Photoshop" |
| Value |
|
value |
value="85" |
| Animation |
flash,shake,bounce,tada,swing,wobble,pulse,flip,flipInX,flipOutX,flipInY,flipOutY,fadeIn,fadeInUp,fadeInDown,fadeInLeft,
fadeInRight,fadeInUpBig,fadeInDownBig,fadeInLeftBig,fadeInRightBig,fadeOut,fadeOutUp,fadeOutDown,fadeOutLeft,fadeOutRight,
fadeOutUpBig,fadeOutDownBig,fadeOutLeftBig,fadeOutRightBig,bounceIn,bounceInUp,bounceInDown,bounceInLeft,
bounceInRight,bounceOut,bounceOutUp,bounceOutDown,bounceOutLeft,bounceOutRight,rotateIn,rotateInUpLeft,
rotateInDownLeft,rotateInUpRight,rotateInDownRight,rotateOut,rotateOutUpLeft,rotateOutDownLeft,rotateOutUpRight,
rotateOutDownRight,hinge,rollIn,rollOut,lightSpeedIn,lightSpeedOut,slideDown,slideUp,slideLeft,slideRight,slideExpandUp,
expandUp,expandOpen,bigEntrance,hatch,floating,tossing,pullUp,pullDown,stretchLeft,stretchRight
|
animation |
animation="swing" |
| Animation Delay |
Add numeric value |
animation_delay |
animation_delay="400" |
Toggles
[dt_sc_toggle_group type="type1" class=""]
[dt_sc_toggle_frame title="Toggle 1" titlebgcolor=""]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_frame]
[dt_sc_toggle_frame title="Toggle 2" titlebgcolor=""]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_frame]
[dt_sc_toggle_frame title="Toggle 3" titlebgcolor=""]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_frame]
[/dt_sc_toggle_group]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1,type2,type3,type4 |
type |
type="type1" |
| Title Background color |
You can add custom bg color for title. |
titlebgcolor |
titlebgcolor="" |
| Class |
Add your own custom css class. |
class |
class="custom-toggle" |
Tooltip
[dt_sc_tooltip type="boxed" position="bottom" bgcolor="#070707" textcolor="#ffffff" tooltip="Tooltip Text" href="#" target="_parent"]
lorem ipsum
[/dt_sc_tooltip]
| Attribute |
Options |
Input Variable |
Example |
| Type |
default,boxed |
type |
type="boxed" |
| Position |
top,right,bottom,left |
position |
position="top" |
| Background Color |
|
bgcolor |
bgcolor="#070707" |
| Text Color |
|
textcolor |
textcolor="#ffffff" |
| Tooltip |
|
tooltip |
tooltip="Tooltip Text" |
| Link |
|
href |
href="#" |
| Target |
_blank, _new, _parent, _self, _top |
target |
target="_blank" |
Search Forms
[dt_sc_search_form /]
Domain Search Form
[dt_sc_domain_search textfield_title="Enter your domain name" available_domains=".com,.net,.info,.org" /]
| Attribute |
Options |
Input Variable |
Example |
| Text Field Title |
Title for your text field |
textfield_title |
textfield_title="Enter your domain name" |
| Available Domains |
|
available_domains |
available_domains=".com,.net,.info,.org" |
Team
[dt_sc_team type="type1" image="http://placehold.it/160x160" name="James Bladwin" role="Chairman" link="#" button_title=""
delicious="" deviantart="#" digg="" facebook="" facebooksquare="#" twitter="" googleplus="#" google="" weibo="" pinterest="#" reddit="" yahoo="" behance="#"
vimeosquare="" stumbleupon="" linkedin="" skype="" youtube="" dribbble="" flickr="" tumblr=""]
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old this is the larger one.
It was popularised in the 1960s with the release of Letraset sheets Lorem.
It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years these lines are made old this is the larger one.
[/dt_sc_team]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1 |
type |
type="type1" |
| Image |
|
image |
image="http://placehold.it/160x160" |
| Name |
|
name |
name="James Bladwin" |
| Role |
|
role |
role="Chairman" |
| Link |
|
link |
link="#" |
| Button Title |
|
button_title |
button_title="Small Button" |
| Social Links |
Add corresponding links for your social items. |
delicious,deviantart,digg,facebook,facebooksquare,twitter,googleplus,google,weibo,pinterest,
reddit,yahoo,behance,vimeosquare,stumbleupon,linkedin,skype,youtube,dribbble,flickr,tumblr |
delicious="#" facebook="#" |
Newsletter Section
[dt_sc_newsletter_section type="" icon="fa-envelope" iconbgcolor="" title="Subscribe Newsletter for updates" span_text=""]
Nam libero tempore, eu volutpat enim diam eget metus cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere.
[/dt_sc_newsletter_section]
| Attribute |
Options |
Input Variable |
Example |
| Type |
,type2,type3,type4 |
type |
type="type2" |
| Fontawesome Icon |
Add fontawesome icon here. |
icon |
icon="fa-envelope" |
| Title |
Add title for your newsletter section. |
title |
title="Subscribe Newsletter for updates" |
| Icon background Color |
This variable will act as icon bg color for type 2 and bg color for type 3. |
iconbgcolor |
iconbgcolor="#ff0000" |
Image Flip
[dt_sc_image_flip title="" src="" notes="" border=" / type1 / type2" /]
| Attribute |
Options |
Input Variable |
Example |
| Title |
Add title for your Image Flip. |
title |
title="Image Flip updates" |
| src |
|
src |
src="" |
| Notes |
|
notes |
notes="" |
| Border |
type 1, type 2 |
border |
border="type2" |
Custom Menus
[dt_sc_custom_menus type="type1"]
[dt_sc_custom_menu_item fontawesome_icon="fa-phone" fontawesome_icon_tag="i" text="Any Questions? Call Us:" span_text="1-223-355-2214" type="" /]
[dt_sc_custom_menu_item fontawesome_icon="fa-skype" fontawesome_icon_tag="i" text="Skype:" link_text="BuddhaThemes" link="#" type="" /]
[/dt_sc_custom_menus]
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1, type2, type3 |
type |
type="type1" |
| Attribute |
Options |
Input Variable |
Example |
| Type |
type1, type2 |
type |
type="type1" |
| Fontawesome Icon |
|
fontawesome_icon |
fontawesome_icon="fa-phone" |
| Fontawesome Icon Tag |
i,span |
fontawesome_icon_tag |
fontawesome_icon_tag="i" |
| Text |
simple text for your custom menu. |
text |
text="Any Questions? Call Us:" |
| Span Text |
Text that comes within span tag. |
span_text |
span_text="1-223-355-2214" |
| Link Text |
Text that comes inside anchor tag. |
link_text |
link_text="" |
| Link |
Add link for your custom menu. |
link |
link="#" |
| Link Type |
Normal link or mail. |
link_type |
link_type=" ,mail" |
| Icon Inside Link |
false, true (choose whether icon should come inside link) |
icon_inside_link |
icon_inside_link="false" |
| Icon Alignment |
left,right (choose whether icon should come leftside or rightside of menu) |
icon_alignment |
icon_alignment="left" |
| Login Logout Link |
false,true (choose whether it is login or logout link) |
loginlogout_link |
loginlogout_link="false" |
Social Links
[dt_sc_social_links show_tooltip="false" tooltip_position="top" align="" font_size="" padding="" margin="" line_height="" disable_border="" border_width="" border_radius="" background_color="" border_color="" text_color="" socialicons_bgcolor="" socialicons_bgcolor_hover="" socialicons_textcolor="" rounded_corner="" class="" deviantart="#" facebooksquare="#" googleplus="#" pinterest="#" behance="#" /]
| Attribute |
Options |
Input Variable |
Example |
| Social Links |
facebook,twitter,youtube,... |
twitter |
twitter="#" |
| Show Tooltip |
false,true |
show_tooltip |
show_tooltip="false" |
| Tooltip |
top,bottom,left,right |
tooltip_position |
tooltip_position="top" |
| Font size |
|
font_size |
font_size="16px" |
| Align |
left,right,center |
align |
align="" |
| Padding |
|
padding |
padding="0 10px" |
| Margin |
|
margin |
margin="0 10px" |
| Line height |
|
line_height |
line_height="21px" |
| Disable Border |
false, true |
disable_border |
disable_border="21px" |
| Border Width |
|
border_width |
border_width="2px" |
| Border Radius |
|
border_radius |
border_radius="50px" |
| Background Color |
You can choose custom bg color for social links. |
background_color |
background_color="#ff0000" |
| Border Color |
You can choose custom border color for social links. |
border_color |
border_color="#ff0000" |
| Text Color |
You can choose custom text color for social links. |
border_color |
border_color="#ff0000" |
| Enable Socialicons bgcolor |
false, true |
socialicons_bgcolor |
socialicons_bgcolor="true" |
| Enable Social Icons Bg Color Hover |
false, true |
socialicons_bgcolor |
socialicons_bgcolor="false" |
| Enable Social Icons Text Color |
false, true |
socialicons_textcolor |
socialicons_textcolor="true" |
| Rounded Corner |
false, true |
rounded_corner |
rounded_corner="false" |
| Rounded Corner |
false, true |
rounded_corner |
rounded_corner="false" |
| Class |
Additional class for your Recent Gallery. |
class |
class="" |
