This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Elite Buttons

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

?
1
2
<!-- DC Elite Buttons CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/elite_buttons/css/dc_elite_buttons.css" />

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

?
1
2
<!-- DC Elite Buttons CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/elite_buttons/css/dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 black">Black Button</a>
<a href="#" class="dc_buttons1 blue">Blue Button</a>
<a href="#" class="dc_buttons1 purple">Purple Button</a>
<a href="#" class="dc_buttons1 green">Green Button</a>
<a href="#" class="dc_buttons1 brown">Brown Button</a>
<a href="#" class="dc_buttons1 red">Red Button</a>
<a href="#" class="dc_buttons1 orange">Orange Button</a>
<a href="#" class="dc_buttons1 yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 pink">Pink Button</a>
<a href="#" class="dc_buttons1 light-green">Light Green Download</a>   
<a href="#" class="dc_buttons1 gray">Gray Button</a>
<a href="#" class="dc_buttons1 light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 gradient black">Black Button</a>
<a href="#" class="dc_buttons1 gradient blue">Blue Button</a>
<a href="#" class="dc_buttons1 gradient purple">Purple Button</a>
<a href="#" class="dc_buttons1 gradient green">Green Button</a>
<a href="#" class="dc_buttons1 gradient brown">Brown Button</a>
<a href="#" class="dc_buttons1 gradient red">Red Button</a>
<a href="#" class="dc_buttons1 gradient orange">Orange Button</a>
<a href="#" class="dc_buttons1 gradient yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 gradient light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 gradient light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 gradient pink">Pink Button</a>
<a href="#" class="dc_buttons1 gradient light-green">Light Green Download</a>  
<a href="#" class="dc_buttons1 gradient gray">Gray Button</a>
<a href="#" class="dc_buttons1 gradient light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 gradient glossy black">Black Button</a>
<a href="#" class="dc_buttons1 gradient glossy blue">Blue Button</a>
<a href="#" class="dc_buttons1 gradient glossy purple">Purple Button</a>
<a href="#" class="dc_buttons1 gradient glossy green">Green Button</a>
<a href="#" class="dc_buttons1 gradient glossy brown">Brown Button</a>
<a href="#" class="dc_buttons1 gradient glossy red">Red Button</a>
<a href="#" class="dc_buttons1 gradient glossy orange">Orange Button</a>
<a href="#" class="dc_buttons1 gradient glossy yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 gradient glossy light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 gradient glossy light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 gradient glossy pink">Pink Button</a>
<a href="#" class="dc_buttons1 gradient glossy light-green">Light Green Download</a>   
<a href="#" class="dc_buttons1 gradient glossy gray">Gray Button</a>
<a href="#" class="dc_buttons1 gradient glossy light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 gradient glossy embossed black">Black Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed blue">Blue Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed purple">Purple Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed green">Green Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed brown">Brown Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed red">Red Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed orange">Orange Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed pink">Pink Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed light-green">Light Green Download</a>  
<a href="#" class="dc_buttons1 gradient glossy embossed gray">Gray Button</a>
<a href="#" class="dc_buttons1 gradient glossy embossed light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 circle gradient glossy embossed black">Black Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed blue">Blue Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed purple">Purple Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed green">Green Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed brown">Brown Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed red">Red Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed orange">Orange Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed pink">Pink Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed light-green">Light Green Download</a>   
<a href="#" class="dc_buttons1 circle gradient glossy embossed gray">Gray Button</a>
<a href="#" class="dc_buttons1 circle gradient glossy embossed light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 flat black">Black Button</a>
<a href="#" class="dc_buttons1 flat blue">Blue Button</a>
<a href="#" class="dc_buttons1 flat purple">Purple Button</a>
<a href="#" class="dc_buttons1 flat green">Green Button</a>
<a href="#" class="dc_buttons1 flat brown">Brown Button</a>
<a href="#" class="dc_buttons1 flat red">Red Button</a>
<a href="#" class="dc_buttons1 flat orange">Orange Button</a>
<a href="#" class="dc_buttons1 flat yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 flat light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 flat light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 flat pink">Pink Button</a>
<a href="#" class="dc_buttons1 flat light-green">Light Green Download</a>  
<a href="#" class="dc_buttons1 flat gray">Gray Button</a>
<a href="#" class="dc_buttons1 flat light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 circle no-shadow no-border black">Black Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border blue">Blue Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border purple">Purple Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border green">Green Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border brown">Brown Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border red">Red Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border orange">Orange Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border pink">Pink Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border light-green">Light Green Download</a>    
<a href="#" class="dc_buttons1 circle no-shadow no-border gray">Gray Button</a>
<a href="#" class="dc_buttons1 circle no-shadow no-border light-gray">Silver Button</a>
<a href="#" class="dc_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:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- DC Elite Buttons Start -->
<a href="#" class="dc_buttons1 circle thick-border black">Black Button</a>
<a href="#" class="dc_buttons1 circle thick-border blue">Blue Button</a>
<a href="#" class="dc_buttons1 circle thick-border purple">Purple Button</a>
<a href="#" class="dc_buttons1 circle thick-border green">Green Button</a>
<a href="#" class="dc_buttons1 circle thick-border brown">Brown Button</a>
<a href="#" class="dc_buttons1 circle thick-border red">Red Button</a>
<a href="#" class="dc_buttons1 circle thick-border orange">Orange Button</a>
<a href="#" class="dc_buttons1 circle thick-border yellow">Yellow Button</a>
<a href="#" class="dc_buttons1 circle thick-border light-blue">Light Blue Button</a>
<a href="#" class="dc_buttons1 circle thick-border light-purple">Light Purple Button</a>
<a href="#" class="dc_buttons1 circle thick-border pink">Pink Button</a>
<a href="#" class="dc_buttons1 circle thick-border light-green">Light Green Download</a>   
<a href="#" class="dc_buttons1 circle thick-border gray">Gray Button</a>
<a href="#" class="dc_buttons1 circle thick-border light-gray">Silver Button</a>
<a href="#" class="dc_buttons1 circle thick-border">White Button</a>   
<!-- DC Elite Buttons End -->


© TemplateAccess