« Links open in new window/tab »

• DOM Reference
• CSS Reference
• CSS Library
• Image Optimizer
• Favicon Generator

« Links open in new window/tab »

• Mississippi Rollergirls Album
• HS Treasures
• Ceece's Articles
• My FreeLancer Profile
• My Google Ad
• My Golden Oldies
• My WebShots Albums
• Helter Skelter
• Inquiring Minds
• My ImageShack
• My Facebook
• Aim Greenland
• PhotoBucket
• Games
• My Slingo
• Videos
• Music
• RSS Feeds
• StumbleUpon - Lots of Fun!
• World Sunlight Map

Web Design & Development

Button Codes
PayneLess Designs

Back and Forward Buttons:

Code: <form action="click"><div><a href="#" title="Back""><input type="button" value="BACK" onclick="history.go(-1)"></a></div></form>

Code: <form action="click"><div><a href="#" title="Forward"><input type="button" value="FORWARD" onclick="history.go(+1)"></a></div></form>

---

Back and Home Button Combo:

  

Code: <form action="click"><div><a href="#" title="Back"><input type="button" value="BACK" onclick="history.go(-1)"></a>  <a href="index.html" title="Home"><input type="button" value="HOME" onclick="javascript:window.location='index.html';"></a></div></form>

---

Home Buttons (Two Examples):

Code: <form action="click"><div><a href="URL/file_name.html" title="Home"><input type="button" value="HOME" onclick="javascript:window.location='URL/file_name.html';"></a></div></form>

Second Example:

Code: <form action="click"><div><a href="Home page path here" title="Back to Main Page"><input value="Back To Main Page" type="submit" onclick="javascript:window.location='index.html';"></a></div></form>

---

Close Window Button:

Code: <form action="close_window"><input type="button" value="Close Window" onclick="window.close()"></form>

---

Input Box with Background Image:

First name:

Code: <form action="input"><div>First name: <input type="text" name="firstname" style=" width: XXpx; height: YYpx; background:#000 url(http://XXXXXX.com/imagefilename.png);"></div></form>

---

Send Button with Image (Use with <form></form> tags):

SEND


Code: <button name="submit" value="submit" type="submit">SEND<br><img src="imagepathhere" alt=""></button>

---

Reset Button with Image (Use with <form></form> tags):

RESET


Code: <button name="reset" type="reset">RESET<br><img src="imagepathhere" alt="Oops"></button>

---

Textarea Box With onFocus Clearing & Background Image:

Enter text here. Once clicked in this box, this text disappears!

Code: <textarea cols="XX" rows="YY" name="message" onfocus="innerHTML = '';" style="background: url(http://imagepathhere) repeat-x center scroll; color: #007878;">Enter text here. Once clicked in this box, this text disappears!</textarea>

---

Use with Textarea Box or Similar that has Pre-filled Text:

Click to Select All   "Select All" as a button:

Non eram nescius, Brute, cum, quae summis ingeniis exquisitaque doctrina philosophi Graeco sermone tractavissent, ea Latinis litteris mandaremus, fore ut hic noster labor in varias reprehensiones incurreret. nam quibusdam, et iis quidem non admodum indoctis, totum hoc displicet philosophari. quidam autem non tam id reprehendunt, si remissius agatur, sed tantum studium tamque multam operam ponendam in eo non arbitrantur. erunt etiam, et ii quidem eruditi Graecis litteris, contemnentes Latinas, qui se dicant in Graecis legendis operam malle consumere. postremo aliquos futuros suspicor, qui me ad alias litteras vocent, genus hoc scribendi, etsi sit elegans, personae tamen et dignitatis esse negent.

Code: <a class="selectall" href="#" onclick="document.getElementById('postemail').select(); return false">Click to Select All</a> Code Example 2: "Select All" as a button: <a class="selectall" href="#" onclick="document.getElementById('postemail').select(); return false"><input type=button value="Select All"></a>

---

Popup Button:

Code: <form action="click"><div><a href="#"><input type="button" value="Pop Up Button" onclick="alert('It works!');return false;"></a></div></form>

---

Popup Button with Customizing:

Code: <form action="#"><input type="button" style=" background-color:#007878; color:#000068;" onfocus="this.blur()" value="Styled Popup Button" onclick='alert("First paragraph in alert box.\n\<br>\n\<br>Second paragraph in alert box!\n\ ")'></form><br></form>

---

Chose a File and Email Buttons:

Choose a file:    Send by Email

Code: <form action="myemail@address.com"> <div><label for="inpFile">Choose a file: </label><input type="file" id="inpFile">    <button type="submit">Send by Email</button></div> </form>

If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.