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

How to create a box?

Discussion in 'XenForo Questions and Support' started by Carlos, Dec 31, 2010.

  1. Carlos

    Carlos Well-Known Member

    Okay, so I am thinking of putting links in the footer section of www.mvc3forum.com

    But I'm looking for the code that creates a box - and I'm not sure exactly if I can use HTML for links and whatnot.

    These links will go under the "Forum software by XenForo™ ©2010 XenForo Ltd." and "Terms and Rules" links.
     
  2. kilcher

    kilcher Active Member

  3. Brogan

    Brogan XenForo Moderator Staff Member

    All of the templates use standard html & css.

    What do you mean by a box exactly?
    Do you mean a div with a border around it?
     
  4. Carlos

    Carlos Well-Known Member

    yes, a div with a border around it.

    So that the links are distinctive from the links in "Forum software by XenForo™ ©2010 XenForo Ltd." and "Terms and Rules" line.
    Thanks, but I'm not using partner links. The links I'm going to use is owned by me.
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    In that case, just create a new class in EXTRA.css with the markup you want - text color, border, etc. and then add your links using that class.
     
  6. Carlos

    Carlos Well-Known Member

    For this class - what should I call it, I mean, how do I make it so that it KNOWS what I want to do?
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    You can create a new class and call it what you like, as long as it isn't the same as an existing class.
    I always prefix new classes with my forum initials, so for example .cta_footer_links, that way I know there won't be a conflict.

    Then add the content using <div class="cta_footer_links">....</div>.

    Or you can do inline styling, but I personally avoid that wherever possible; for example <div style="color: red; border: 1px solid">...</div>.
     
  8. Carlos

    Carlos Well-Known Member

    And I can include the inline code WITHIN the class, right?
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

    You either use a class or do the styling inline, not both.
     
  10. Carlos

    Carlos Well-Known Member

    Oh. Okay.

    So, the way to do it is like this <div class="cta_footer_links"><center>link markup here?</center></div>
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    More or less.
    You can include the <center> in the class using, e.g. text-align: center.#

    An example class would be:
    Code:
    .cta_footer_links {
    color: red;
    border: 1px solid #000000;
    text-align: center;
    }
     
  12. Carlos

    Carlos Well-Known Member

    Okay, so now I know how to do it, where do I put the <div class="cta_footer_links">link markup here?</div> code? I mean, I don't exactly know which footer template I should be looking for what I want.
     
  13. Brogan

    Brogan XenForo Moderator Staff Member

    The footer template is where you would add your code.
     
  14. Carlos

    Carlos Well-Known Member

  15. Carlos

    Carlos Well-Known Member

    Sorry for the bump, but when I added the div...I sometimes see this lil whitespace:
    whitepix.png
    If you can't see it, it's on the lower left corner.

    While I do want the space between the div and the bottom of the browser to have some kind of space, I don't want this "whitespace." Because it makes my board look like its broken. heh. "broken." lol :D

    This is beta 5, so no I haven't upgraded yet.
     
  16. Brogan

    Brogan XenForo Moderator Staff Member

    That's the cron image.
    It has been fixed in Beta 6.
     
  17. Carlos

    Carlos Well-Known Member

    Oi. I see.

    Upgrading ASAP. :D
     

Share This Page