Elite Buttons

CSS/JS files (add code to <HEAD> section):


<!-- DC Elite Buttons CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/elite_buttons/css/tsc_elite_buttons.css" />

          

Button Styles


default

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 black">Black Button</a>
<a href="#" class="tsc_buttons1 blue">Blue Button</a>
<a href="#" class="tsc_buttons1 purple">Purple Button</a>
<a href="#" class="tsc_buttons1 green">Green Button</a>
<a href="#" class="tsc_buttons1 brown">Brown Button</a>
<a href="#" class="tsc_buttons1 red">Red Button</a>
<a href="#" class="tsc_buttons1 orange">Orange Button</a>
<a href="#" class="tsc_buttons1 yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 pink">Pink Button</a>
<a href="#" class="tsc_buttons1 light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 gray">Gray Button</a>
<a href="#" class="tsc_buttons1 light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1">White Button</a>
<!-- DC Elite Buttons End -->

          

gradient

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 gradient black">Black Button</a>
<a href="#" class="tsc_buttons1 gradient blue">Blue Button</a>
<a href="#" class="tsc_buttons1 gradient purple">Purple Button</a>
<a href="#" class="tsc_buttons1 gradient green">Green Button</a>
<a href="#" class="tsc_buttons1 gradient brown">Brown Button</a>
<a href="#" class="tsc_buttons1 gradient red">Red Button</a>
<a href="#" class="tsc_buttons1 gradient orange">Orange Button</a>
<a href="#" class="tsc_buttons1 gradient yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 gradient light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 gradient light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 gradient pink">Pink Button</a>
<a href="#" class="tsc_buttons1 gradient light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 gradient gray">Gray Button</a>
<a href="#" class="tsc_buttons1 gradient light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 gradient">White Button</a>
<!-- DC Elite Buttons End -->

          

gradient + glossy

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 gradient glossy black">Black Button</a>
<a href="#" class="tsc_buttons1 gradient glossy blue">Blue Button</a>
<a href="#" class="tsc_buttons1 gradient glossy purple">Purple Button</a>
<a href="#" class="tsc_buttons1 gradient glossy green">Green Button</a>
<a href="#" class="tsc_buttons1 gradient glossy brown">Brown Button</a>
<a href="#" class="tsc_buttons1 gradient glossy red">Red Button</a>
<a href="#" class="tsc_buttons1 gradient glossy orange">Orange Button</a>
<a href="#" class="tsc_buttons1 gradient glossy yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 gradient glossy light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 gradient glossy light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 gradient glossy pink">Pink Button</a>
<a href="#" class="tsc_buttons1 gradient glossy light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 gradient glossy gray">Gray Button</a>
<a href="#" class="tsc_buttons1 gradient glossy light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 gradient glossy">White Button</a>
<!-- DC Elite Buttons End -->

          

gradient + glossy + embossed

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 gradient glossy embossed black">Black Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed blue">Blue Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed purple">Purple Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed green">Green Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed brown">Brown Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed red">Red Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed orange">Orange Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed pink">Pink Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 gradient glossy embossed gray">Gray Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 gradient glossy embossed">White Button</a>  
<!-- DC Elite Buttons End -->

          

circle + gradient + glossy + embossed

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 circle gradient glossy embossed black">Black Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed blue">Blue Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed purple">Purple Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed green">Green Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed brown">Brown Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed red">Red Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed orange">Orange Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed pink">Pink Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 circle gradient glossy embossed gray">Gray Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 circle gradient glossy embossed">White Button</a> 
<!-- DC Elite Buttons End -->

          

flat

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 flat black">Black Button</a>
<a href="#" class="tsc_buttons1 flat blue">Blue Button</a>
<a href="#" class="tsc_buttons1 flat purple">Purple Button</a>
<a href="#" class="tsc_buttons1 flat green">Green Button</a>
<a href="#" class="tsc_buttons1 flat brown">Brown Button</a>
<a href="#" class="tsc_buttons1 flat red">Red Button</a>
<a href="#" class="tsc_buttons1 flat orange">Orange Button</a>
<a href="#" class="tsc_buttons1 flat yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 flat light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 flat light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 flat pink">Pink Button</a>
<a href="#" class="tsc_buttons1 flat light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 flat gray">Gray Button</a>
<a href="#" class="tsc_buttons1 flat light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 flat">White Button</a>
<!-- DC Elite Buttons End -->

          

circle + no-border + no-shadow

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 circle no-shadow no-border black">Black Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border blue">Blue Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border purple">Purple Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border green">Green Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border brown">Brown Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border red">Red Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border orange">Orange Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border pink">Pink Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 circle no-shadow no-border gray">Gray Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 circle no-shadow no-border">White Button</a>
<!-- DC Elite Buttons End -->

          

circle + thick-border

Black Button Blue Button Purple Button Green Button Brown Button Red Button Orange Button Yellow Button Light Blue Button Light Purple Button Pink Button Light Green Download Gray Button Silver Button White Button

View code:


<!-- DC Elite Buttons Start -->
<a href="#" class="tsc_buttons1 circle thick-border black">Black Button</a>
<a href="#" class="tsc_buttons1 circle thick-border blue">Blue Button</a>
<a href="#" class="tsc_buttons1 circle thick-border purple">Purple Button</a>
<a href="#" class="tsc_buttons1 circle thick-border green">Green Button</a>
<a href="#" class="tsc_buttons1 circle thick-border brown">Brown Button</a>
<a href="#" class="tsc_buttons1 circle thick-border red">Red Button</a>
<a href="#" class="tsc_buttons1 circle thick-border orange">Orange Button</a>
<a href="#" class="tsc_buttons1 circle thick-border yellow">Yellow Button</a>
<a href="#" class="tsc_buttons1 circle thick-border light-blue">Light Blue Button</a>
<a href="#" class="tsc_buttons1 circle thick-border light-purple">Light Purple Button</a>
<a href="#" class="tsc_buttons1 circle thick-border pink">Pink Button</a>
<a href="#" class="tsc_buttons1 circle thick-border light-green">Light Green Download</a>  	
<a href="#" class="tsc_buttons1 circle thick-border gray">Gray Button</a>
<a href="#" class="tsc_buttons1 circle thick-border light-gray">Silver Button</a>
<a href="#" class="tsc_buttons1 circle thick-border">White Button</a>   	
<!-- DC Elite Buttons End -->

          


© TemplateAccess