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

Transparent Buttons

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

?
1
2
<!-- DC Transparent Buttons CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/buttons_transparent/css/dc_buttons_transp.css" />

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

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

Default




A Href Button Extra Long Button

Home Products Pricing Order About Us


View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!-- DC Transparent Buttons Start -->
<p>
    <a class="tbutton" href="#">A Href Button</a>
    <a class="tbutton" href="#">Extra Long Button</a>
    <input class="tbutton" type="submit" value="Form Submit">
    <input class="tbutton" type="button" value="Form Button">
    <button class="tbutton">Button Link</button>
</p>
<ul class="dc_toolbar">
    <li><a class="tbutton" href="#">T</a></li>
    <li><a class="tbutton" href="#">O</a></li>
    <li><a class="tbutton" href="#">O</a></li>
    <li><a class="tbutton" href="#">L</a></li>
    <li><a class="tbutton" href="#">B</a></li>
    <li><a class="tbutton" href="#">A</a></li>
    <li><a class="tbutton" href="#">R</a></li>
</ul>
<ul class="dc_toolbar">
    <li><a href="#" class="tbutton addcart icon">Add Item</a></li>
    <li><a href="#" class="tbutton delcart icon">Remove item</a></li>
</ul>
<p>
    <a href="#" class="tbutton">Home</a>
    <a href="#" class="tbutton">Products</a>
    <a href="#" class="tbutton">Pricing</a>
    <a href="#" class="tbutton">Order</a>
    <a href="#" class="tbutton">About Us</a>
</p>
<!-- DC Transparent Buttons End -->


© TemplateAccess