Moxxy
13-09-2009, 16:58
I was promoted to gmod yesterday so to celebrate this promotion I thought the best way would be to give back to the site with an awesome tutorial!
So here it is:
This tutorial will explain how to make a mouse-over button with a link embedded in the button.
1] Go to http://cooltext.com/
2] Click on 'Buttons' (http://cooltext.com/Buttons)
3] Customize your button to what you like!
4] Click 'Render Button'
5] Download the two images they present to you by click 'Download Image' below each button.
6] Next go to http://www.tinypic.com/
7] Upload each of the images to TinyPic.
8] Copy the below code with your TinyPic Direct Links Pasted into the indicated places below with your desired link onto your blog or where ever you please to have a beautiful mouse-over button :D
<a href="LINK HERE" target="_blank"><img src="TINYPIC Image One HERE" onmouseover="this.src='TINYPIC Image Two [Mouse Over Image] HERE';" onmouseout="this.src='TINYPIC Image One HERE';" /></a>
9] I hope this tutorial will help you with your earnings!
So here it is:
This tutorial will explain how to make a mouse-over button with a link embedded in the button.
1] Go to http://cooltext.com/
2] Click on 'Buttons' (http://cooltext.com/Buttons)
3] Customize your button to what you like!
4] Click 'Render Button'
5] Download the two images they present to you by click 'Download Image' below each button.
6] Next go to http://www.tinypic.com/
7] Upload each of the images to TinyPic.
8] Copy the below code with your TinyPic Direct Links Pasted into the indicated places below with your desired link onto your blog or where ever you please to have a beautiful mouse-over button :D
<a href="LINK HERE" target="_blank"><img src="TINYPIC Image One HERE" onmouseover="this.src='TINYPIC Image Two [Mouse Over Image] HERE';" onmouseout="this.src='TINYPIC Image One HERE';" /></a>
9] I hope this tutorial will help you with your earnings!