Tricks: How to...
Image effects:
› Preload images
› Preload images 2
› Swap images
› Swap images 2
› View larger image
› Image transparency
› Image slideshow
Special effects:
› Border
› Border 2
› Watermark
› Scroller
› Scroller 2
› Link hover color
› Custom cursor
› Snowing
› Auto window resizer
› Link tips
› Popup
Buttons & menus:
› Back button
› Java buttons
› Flat buttons
› Slide menu
› Drop down menu
› Alphabet menu
Mouse effects:
› Elastic mouse
› Mouse snake
› Mouse stars
› Mouse orbit
› Mouse eyes
Text generators:
› Infobox
› Quote generator
› Fading messages
› Text fader
› Text glow
› Credits

home > real world > web resource > web source codes >

You can create a flat button on your webpage, with only text or image and text.

Load the buttonflat.js in the <HEAD> of the document:

<HEAD>
<script src="buttonflat.js"></script>
</HEAD>

<table class="coolBar">
   <tr>
      <td class="coolButton">
         <b>www.digitalelf.go.ro</b>
      </td>
      <td class="coolButton">
         <b>What's New</b>
      </td>
   </tr>
</table>

Back Home

<div class="coolBar" style="width:100px">
   <span class="coolButton" style="width:100px" onClick="window.location='http://www.digitalelf.go.ro'"><img src="home.gif"> <b>Back Home</b></span>
</div>