1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Creating extra buttons in style of the SignUp button?

Discussion in 'XenForo Questions and Support' started by RobParker, Apr 4, 2012.

  1. RobParker

    RobParker Well-Known Member

    I think this should be quite straightforward but I can't figure out how to do it.

    I'm using Boban's HTMLBlock for Xenporta and want to add in a couple of buttons in the same style as the signup button.

    I can't seem to find where the SignUp button is defined. I think I'm correct in saying it's just a CSS Button isn't it?
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    This is the HTML for the signup button:

    <label for="LoginControl" id="SignupButton"><a href="index.php?login/" class="OverlayTrigger inner">Sign Up Now!</a></label>
    The CSS for that button is defined in this template:

    Admin CP -> Appearance -> Templates -> sidebar.css

    Search for "#SignupButton". It's the "SignupButton" id that gives it the styling.
    RobParker likes this.
  3. RobParker

    RobParker Well-Known Member

    Cheers, I managed to figure it out from that :)
  4. DRE

    DRE Well-Known Member

    What is the css of this sign up now button?
  5. Shelley

    Shelley Well-Known Member

    #SignupButton {
        background-color: white;
        border: 1px solid #F9BC6D;
        border-radius: 8px 8px 8px 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        display: block;
        height: 30px;
        line-height: 30px;
        margin: 10px 30px;
        padding: 3px;
        text-align: center;
    #SignupButton .inner {
        background: url("styles/default/xenforo/gradients/form-button-white-25px.png") repeat-x scroll center -7px #E68C17;
        border-radius: 4px 4px 4px 4px;
        color: #FFFFFF;
        display: block;
        font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size: 12pt;
        font-weight: bold;
        text-shadow: 0 0 0 transparent, 0 0 3px rgba(0, 0, 0, 0.5);
    DRE likes this.
  6. DRE

    DRE Well-Known Member

  7. Shelley

    Shelley Well-Known Member

  8. DRE

    DRE Well-Known Member

    Yeah custom fields are nice. I've seen some really cool custom field modifications on bobster's addon site. I used to bug bobster to make one but after playing around with Showcase I learned that I had the ability to make one all along without editing any templates. That was the one thing I wanted to avoid was having to edit templates.
    Shelley likes this.
  9. DRE

    DRE Well-Known Member

    I was staring at that resource and realized I could use that value html box for my other resources!

Share This Page