The Arcive of vBulletin Modifications Site.

button for your page · **Released**: 04-26-2008

button for your page

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; }

Place this code to the end of your header templace or anywhere that you want to display the button

Add (

Code:

<li id="button_start"><a href="/" title="">button</a></li>

) for more buttons

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 />