Warning: count(): Parameter must be an array or an object that implements Countable in /home/bdthemesnet/public_html/demo/joomla/shortcode/modules/mod_bdthemes_header/tmpl/default.php on line 53

Buttons

Back

We are give for your always help show the shortcode Button example below. you can get facility in this item Button Style, URl, Target, Background Color, Color, Size, Fluid, Center, Radius, Icon, Icon Color, Shadow, Description, One Click, Extra Class and Content. You are absolutely use this shortcode and get Button Style.

Unlimited Color Options

Actually we are published in this shortcode items unlimited color option, you can use this shortcode, change your like color.

Get shortcode

Button Various Color Example

				[button url="#" background="#1dd2af" radius="2px"]Color Example[/button]
			
				[button url="#" background="#2ecc71" radius="2px"]Color Example[/button]
			
				[button url="#" background="#3498db" radius="2px"]Color Example[/button]
			
				[button url="#" background="#9b59b6" radius="2px"]Color Example[/button]
			
				[button url="#" background="#34495e" radius="2px"]Color Example[/button]
			
				[button url="#" background="#16a085" radius="2px"]Color Example[/button]
			
				[button url="#" background="#27ae60" radius="2px"]Color Example[/button]
			
				[button url="#" background="#2980b9" radius="2px"]Color Example[/button]
			
				[button url="#" background="#8e44ad" radius="2px"]Color Example[/button]
			
				[button url="#" background="#2c3e50" radius="2px"]Color Example[/button]
			
				[button url="#" background="#f1c40f" radius="2px"]Color Example[/button]
			
				[button url="#" background="#e67e22" radius="2px"]Color Example[/button]
			
				[button url="#" background="#e74c3c" radius="2px"]Color Example[/button]
			
				[button url="#" background="#ecf0f1" color="#444444" radius="2px"]Color Example[/button]
			
				[button url="#" background="#95a5a6" radius="2px"]Color Example[/button]

Unlimited Button size

In this Shortcode items unlimited buttons sizes, so you always use the perfect size button. Choose the size to small, medium, large or xlarge.

Get shortcode

Button Various Size Example

				[button background="#1dd2af" color="#eceeea" size="2"]Button Size[/button]
			
				[button background="#2ecc71" color="#eceeea" size="5"]Button Size[/button]
			
				[button background="#3498db" color="#eceeea" size="8"]Button Size[/button]
			
				[button background="#9b59b6" color="#eceeea" size="11"]Button Size[/button]
			
				[button background="#7f8c8d" color="#eceeea" size="11"]Button Size[/button]
			
				[button background="#bdc3c7" color="#eceeea" size="14"]Button Size[/button]
			
				[button background="#90CA3D" color="#eceeea" size="17"]Button Size[/button]

8 Types Button

We are realy show in the shortcode items 8 types button. if you want grab this facility, so use this shortcodes & get it.

Get shortcode

Button Various Type Example

					[button style="default" background="#16a085" color="#eceeea"]Default Button[/button]
				
					[button style="soft" background="#2980b9" color="#eceeea"]Soft Button[/button]
				
					[button style="glass" background="#2c3e50" color="#eceeea"]Glass Button[/button]
				
					[button style="border" color="#e64831"]Border Button[/button]
				
					[button style="bubbles" background="#9b59b6" color="#eceeea"]Bubbles Button[/button]
				
					[button style="noise" background="#3498db" color="#eceeea"]Noise Button[/button]
				
					[button style="stroked" background="#2ecc71" color="#eceeea"]Stroked Button[/button]
				
					[button style="3d" background="#1dd2af" color="#eceeea" url="javascript:void(0);"]3D Button[/button]

Button Radius Example

It is a different type facility in this shortcode items button radius example, so you can set button radius as your like.

Get shortcode

Button Various Radius Example

					[button background="#3498db" color="#fff" size="10" radius="0px"]0px Radius[/button]
				
					[button background="#3498db" color="#fff" size="10" radius="2px"]2px Radius[/button]
				
					[button background="#3498db" color="#fff" size="10" radius="5px"]5px Radius[/button]
				
					[button background="#3498db" color="#fff" size="10" radius="15px"]15px Radius[/button]
				
					[button background="#3498db" color="#fff" size="10" radius="20px"]20px Radius[/button]
				
					[button background="#3498db" color="#fff" size="10" radius="30px"]30px Radius[/button]

Button Icons

This is a beautifull facility in the shortcode button icon example, so you can of course use this shortcode & grab this facility.

Get shortcode

Button Various Icon Example

					[button background="#34495e" color="#eceeea" icon="icon: star-o" icon_color="#83D9FF"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon: cloud" icon_color="#83D9FF"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon: gittip" icon_color="#83D9FF"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon:  twitter" icon_color="#83D9FF"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon:  stumbleupon-circle" icon_color="#BBFA00"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon: empire" icon_color="#BBFA00"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon: bell" icon_color="#BBFA00"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon:  codepen" icon_color="#BBFA00"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon:  ticket" icon_color="#FF9466"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon: delicious" icon_color="#FF9466"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon: renren" icon_color="#FF9466"]Icon Example[/button]
				
					[button background="#34495e" color="#eceeea" icon="icon:  leaf" icon_color="#FF9466"]Icon Example[/button]

Fluid Button

the shortcode have a wonder benefit fluid button example, if you want to the benefit so use the shorcode items & get it.

Get shortcode

Fluid Button Example

					[button background="#90ca3d" color="#eceeea" size="4" wide="yes" radius="0"]Fluid Button 1[/button]
				
					[button background="#576F9E" color="#eceeea" size="4" wide="yes" radius="0"]Fluid Button 2[/button]
				
					[button background="#F35168" color="#eceeea" size="4" wide="yes" radius="0"]Fluid Button 3[/button]

Center Button

It is a very simple facility items center button example, you are realy use the button example & grab this facility.

Get shortcode

Center Button Example

					[button background="#6209c5" color="#eceeea" size="4" center="yes" radius="0"]Center Button 1[/button]
			
					[button background="#16a085" color="#eceeea" size="4" center="yes" radius="0"]Center Button 2[/button]

Description Button

We are realy published a fantastic items description button example, you can give the facility, so use the items.

Get shortcode

Description Button Example

				[button background="#3498db" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#1abc9c" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#27ae60" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#e67e22" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#c0392b" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#515875" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#576F9E" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#6697B9" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#88C3D8" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]
			
				[button background="#4FC1E9" color="#eceeea" size="4" desc="Sub title"]Square Shape[/button]

All Combination Button

Wow! this is the parts of shortcode items all combination button example, you can change your wish defferernt style button example.

Get shortcode

All Combination Button Example

					[button style="stroked" background="#2c3e50" color="#eceeea" size="6" radius="0" desc="Sub title"]Combination  Anything[/button]
				
					[button style="3d" background="#16a085" color="#eceeea" size="6" radius="4px" desc="Sub title" url="javascript:void(0);"]Combination  Anything[/button]
				
					[button style="soft" background="#90CA3D" color="#eceeea" size="6" icon="icon: shield" icon_color="#EDEAEA" desc="Sub title"]Combination  Anything[/button]

Need Shortcode Ultimate Documentation?

Click the documentation link and go there for shortcode ultimate plugin documentation!
DOCUMENTATION

Hey Wait Wait!

I hope you you like me! if you want to purchase so please: CLICK FOR DOWNLOAD