Summary: This will display a custom signup/log in button in the sidebar area.
Install: Upload the image to your /icons folder and then paste the following in the EXTRA.CSS template.
Additonal: I would suggest doing this via the Style Properties >> Buttons but for the guide purposes I did it for EXTRA.
Code:
#SignupButton {
background: url("@imagePath/xenforo/icons/signup_button.png") no-repeat scroll center bottom transparent;
border-radius: none;
width: 210px;
height: 73px;
box-shadow: none !important;
border: none;
margin: 0 auto; }
#SignupButton:hover {
opacity: 0.4;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s; }
div.section #SignupButton .inner {
background: none transparent;
font-size: 16pt;
padding-top: 18px; }Additional Additional Note:
Additional Note: For those that don't like the !important on the box-shadow simply remove the following line in the code in EXTRA.css
Code:
box-shadow: none !important;Then go to Style Properties >> Buttons >> Sign up Now Button Container and remove the following line as shown in the screenshot (Below)
Additional coloured buttons will be added at BBSmiley.com in the release thread http://www.bbsmiley.com/threads/custom-signup-now-button.284/#post-2377
