Transparent buttons

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


<!-- DC Transparent Buttons CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/buttons_transparent/css/tsc_buttons_transp.css" />

          

Default




A Href Button Extra Long Button

Home Products Pricing Order About Us


View code:


<!-- 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="tsc_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="tsc_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