• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Custom Log in /Sign up Button

Unmaintained Custom Log in /Sign up Button v1

No permission to download

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.

#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

  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
First release
Last update
5.00 star(s) 3 ratings

Latest updates

  1. Add Icon inside custom button

    Summary of Update: This additional enhancement will allow for an icon to display beside the text...

Latest reviews

Thanks for this!
I love it !!!
Thanks a lot for your great help!
Lovely :)