button for your page
Mod Version: 1.00, by Q-v-n-s-Q
This modification is in the archives.
| vB Version: 3.6.x | Rating:  (1 vote - 5.00 average) |
Installs: 5 |
| Released: 27 Apr 2008 | Last Update: Never | Downloads: 45 |
 Not Supported
|
||
button for your page
demo: http://www.h7v.net/
Place CSS to the end of Additional CSS Definitions
Place this code to the end of your header templace or anywhere that you want to display the button
Add (
) for more buttons
demo: http://www.h7v.net/
Place CSS to the end of Additional CSS Definitions
Code:
#right_buttons { float:right;clear:right; }
#big_buttons { list-style:none; padding:23px 0 0 0; margin:0; display:block; }
#small_buttons { list-style:none; padding:26px 0 0 0; margin:0; display:block; }
#button_start, #button_com, #button_com_more { float:left; }
#button_start a:link, #button_start a:visited { display:block; background: url(/images/button_start.gif); width:97px; height:22px; font: bold 12px tahoma; text-align:center; padding-top:8px;}
#button_com a:link, #button_com a:visited { display:block; background: url(/images/button_com.gif); width:89px; height:22px; font: bold 12px tahoma; text-align:center; padding-top:8px; }
#button_com_more a:link, #button_com_more a:visited { display:block; background: url(/images/button_com_more.gif); width:17px; height:30px; }
#button_start a:hover { background: url(/images/button_start.gif) 0 -30px; }
#button_com a:hover { background: url(/images/button_com.gif) 0 -30px; }
#button_com_more a:hover { background: url(/images/button_com_more.gif) 0 -30px; }
Add (
Code:
<li id="button_start"><a href="/" title="">button</a></li>
Code:
<ul id="big_buttons">
<li id="button_start"><a href="/" title="">Home</a></li>
<li id="button_start"><a href="/" title="">button</a></li>
<li id="button_start"><a href="/" title="">button</a></li>
</li>
</ul>
<br />
Download
This modification is archived, downloads are still allowed.
buttons.zip (4.1 KB, 47 downloads)