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

Flat buttons

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

?
1
2
<!-- DC Flat Buttons CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/flat_buttons/css/dc_flat_buttons.css" />

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

?
1
2
<!-- DC Flat Buttons CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/flat_buttons/css/dc_flat_buttons.css" />

Large flat buttons

Super Flat Button »   Flat Gray Button »   Flat Blue Button »   Flat Teal Button »   Flat Green Button »   Flat Purple Button »   Flat Pink Button »   Flat Magenta Button »   Flat Red Button »   Flat Orange Button »   Flat Yellow Button »   Flat Silver Button »   Flat White Button »  

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- DC Flat Buttons Start -->
<a class="dc_awb_large dc_flat" href="#">Super Flat Button »</a>  
<a class="dc_awb_large dc_awb_gray dc_flat" href="#">Flat Gray Button »</a>  
<a class="dc_awb_large dc_awb_blue dc_flat" href="#">Flat Blue Button »</a>  
<a class="dc_awb_large dc_awb_teal dc_flat" href="#">Flat Teal Button »</a>  
<a class="dc_awb_large dc_awb_green dc_flat" href="#">Flat Green Button »</a>  
<a class="dc_awb_large dc_awb_purple dc_flat" href="#">Flat Purple Button »</a>  
<a class="dc_awb_large dc_awb_pink dc_flat" href="#">Flat Pink Button »</a>  
<a class="dc_awb_large dc_awb_magenta dc_flat" href="#">Flat Magenta Button »</a>  
<a class="dc_awb_large dc_awb_red dc_flat" href="#">Flat Red Button »</a>  
<a class="dc_awb_large dc_awb_orange dc_flat" href="#">Flat Orange Button »</a>  
<a class="dc_awb_large dc_awb_yellow dc_flat" href="#">Flat Yellow Button »</a>  
<a class="dc_awb_large dc_awb_silver dc_flat" href="#">Flat Silver Button »</a>  
<a class="dc_awb_large dc_awb_white dc_flat" href="#">Flat White Button »</a>  
<!-- DC Flat Buttons End -->

Medium flat buttons

Super Flat Button »   Flat Gray Button »   Flat Blue Button »   Flat Teal Button »   Flat Green Button »   Flat Purple Button »   Flat Pink Button »   Flat Magenta Button »   Flat Red Button »   Flat Orange Button »   Flat Yellow Button »   Flat Silver Button »   Flat White Button »  

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- DC Flat Buttons Start -->
<a class="dc_awb_medium dc_flat" href="#">Super Flat Button »</a>  
<a class="dc_awb_medium dc_awb_gray dc_flat" href="#">Flat Gray Button »</a>  
<a class="dc_awb_medium dc_awb_blue dc_flat" href="#">Flat Blue Button »</a>  
<a class="dc_awb_medium dc_awb_teal dc_flat" href="#">Flat Teal Button »</a>  
<a class="dc_awb_medium dc_awb_green dc_flat" href="#">Flat Green Button »</a>  
<a class="dc_awb_medium dc_awb_purple dc_flat" href="#">Flat Purple Button »</a>  
<a class="dc_awb_medium dc_awb_pink dc_flat" href="#">Flat Pink Button »</a>  
<a class="dc_awb_medium dc_awb_magenta dc_flat" href="#">Flat Magenta Button »</a>  
<a class="dc_awb_medium dc_awb_red dc_flat" href="#">Flat Red Button »</a>  
<a class="dc_awb_medium dc_awb_orange dc_flat" href="#">Flat Orange Button »</a>  
<a class="dc_awb_medium dc_awb_yellow dc_flat" href="#">Flat Yellow Button »</a>  
<a class="dc_awb_medium dc_awb_silver dc_flat" href="#">Flat Silver Button »</a>  
<a class="dc_awb_medium dc_awb_white dc_flat" href="#">Flat White Button »</a>  
<!-- DC Flat Buttons End -->

Small flat buttons

Super Flat Button »   Flat Gray Button »   Flat Blue Button »   Flat Teal Button »   Flat Green Button »   Flat Purple Button »   Flat Pink Button »   Flat Magenta Button »   Flat Red Button »   Flat Orange Button »   Flat Yellow Button »   Flat Silver Button »   Flat White Button »  

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!-- DC Flat Buttons Start -->
<a class="dc_awb_small dc_flat" href="#">Super Flat Button »</a>  
<a class="dc_awb_small dc_awb_gray dc_flat" href="#">Flat Gray Button »</a>  
<a class="dc_awb_small dc_awb_blue dc_flat" href="#">Flat Blue Button »</a>  
<a class="dc_awb_small dc_awb_teal dc_flat" href="#">Flat Teal Button »</a>  
<a class="dc_awb_small dc_awb_green dc_flat" href="#">Flat Green Button »</a>  
<a class="dc_awb_small dc_awb_purple dc_flat" href="#">Flat Purple Button »</a>  
<a class="dc_awb_small dc_awb_pink dc_flat" href="#">Flat Pink Button »</a>  
<a class="dc_awb_small dc_awb_magenta dc_flat" href="#">Flat Magenta Button »</a>  
<a class="dc_awb_small dc_awb_red dc_flat" href="#">Flat Red Button »</a>  
<a class="dc_awb_small dc_awb_orange dc_flat" href="#">Flat Orange Button »</a>  
<a class="dc_awb_small dc_awb_yellow dc_flat" href="#">Flat Yellow Button »</a>  
<a class="dc_awb_small dc_awb_silver dc_flat" href="#">Flat Silver Button »</a>  
<a class="dc_awb_small dc_awb_white dc_flat" href="#">Flat White Button »</a>     
<!-- DC Flat Buttons End -->


© TemplateAccess