Shortcode Buttons.

The Bean Shortcodes Plugin has a powerful button shortcode generator, which lets you choose what size (small, medium, or large) color, type (rounded, squared) and even an icon selection. Click Here to view the Icon Buttons

[button url= »# » color= »purple » size= »large »]Button[/button][button url= »# » color= »green » size= »large »]Button[/button][button url= »# » color= »blue » size= »large »]Button[/button][button url= »# » color= »yellow » size= »large »]Button[/button][button url= »# » color= »red » size= »large »]Button[/button][button url= »# » color= »orange » size= »large »]Button[/button][button url= »# » color= »pink » size= »large »]Button[/button]
[button url= »# » color= »purple » size= »medium »]Button[/button][button url= »# » color= »green » size= »medium »]Button[/button][button url= »# » color= »blue » size= »medium »]Button[/button][button url= »# » color= »yellow » size= »medium »]Button[/button][button url= »# » color= »orange » size= »medium »]Button[/button][button url= »# » color= »red » size= »medium »]Button[/button][button url= »# » color= »pink » size= »medium »]Button[/button]
[button url= »# » color= »purple » size= »small »]Button[/button][button url= »# » color= »green » size= »small »]Button[/button][button url= »# » color= »blue » size= »small »]Button[/button][button url= »# » color= »yellow » size= »small »]Button[/button][button url= »# » color= »orange » size= »small »]Button[/button][button url= »# » color= »red » size= »small »]Button[/button][button url= »# » color= »pink » size= »small »]Button[/button]
[clear]

Tabs.

[tabs] [tab title= »First »]Maecenas sed dddiam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor.[/tab] [tab title= »Second »]Sed posuere consectetur est at lobortis. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis.[/tab] [tab title= »Third »]Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh.[/tab]
[/tabs]
[clear]

Toggles.

[toggle title= »First Toggle » state= »closed »]Si ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui pharetra nibh. [/toggle] [toggle title= »Second Toggle » state= »closed »]Si ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui pharetra nibh.[/toggle] [toggle title= »Third Toggle » state= »closed »]Si ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui pharetra nibh.[/toggle]
[clear]

Alerts.

[alert style= »note »]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.[/alert][alert style= »info »]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.[/alert][alert style= »error »]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.[/alert][alert style= »success »]Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.[/alert]
[clear]
[one_half]

Highlight.

Cras justo facilisis themebeans eque lorem to odio, dapibus ac. [highlight]This is a really simple highlight.[/highlight] Nullam id dolor id nibh ultricies vehicula ut id elit.
[clear]

Pop-Up Shortcode.

No tricks or gimmicks here. Use our pop-up generator to add whatever content you’d like to to pop-up. HTML – and even other shortcodes – are supported of course. There’s even a nice animation! [popup heading= »Pop-Up. » popup_link= »Click Here to View the Demo » class= » »] This popup took a few seconds to make, just press the shortcode button, select « Pop-Up », then add your Title, Content and Pop-Up link text. That’s it honestly! There’s no set format for you to hold yourself to. It’s all customizable! As you can see, you can also put other Shortcodes and HTML in here as well. It’s such a win!

[button url= »http://themeforest.net/user/ThemeBeans/?ref=themebeans » color= »red » type= »square » icon= »shopping-cart » target= »_self »] Purchase Spruce [/button]

[/popup]
[/one_half][one_half_last]

Pretty Code.

We use Google Prettify to make your code look nice. Just select « pre » from the shortcode generator and your code is pretty.
[pre].overlay-controls .trigger.open {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}[/pre]
[/one_half_last]

[clear]