Q-v-n-s-Q
04-26-2008, 10:00 PM
button for your page
demo: http://www.h7v.net/
Place CSS to the end of Additional CSS Definitions
#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; }
Place this code to the end of your header templace or anywhere that you want to display the button
Add ( <li id="button_start"><a href="/" title="">button</a></li> ) for more buttons
<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 />
demo: http://www.h7v.net/
Place CSS to the end of Additional CSS Definitions
#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; }
Place this code to the end of your header templace or anywhere that you want to display the button
Add ( <li id="button_start"><a href="/" title="">button</a></li> ) for more buttons
<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 />