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

Custom XF Footer - Default Styling 3.0

Places 3 customizable fields into footer, fully controlled by style properties.

  1. Anthony Parsons

    Anthony Parsons Well-Known Member

    kilbabam likes this.
  2. Robert F Schmitz

    Robert F Schmitz Well-Known Member

    Very nice sir!
  3. tekgirl

    tekgirl Active Member

    Very cool, Anthony...I was going to try to figure out how to do this myself...does this worked for fixed width and fluid?

  4. DRE

    DRE Well-Known Member

    How do I put the Members Online Now sidebar box in Footer Box 3?
    jauburn likes this.
  5. Barbossa

    Barbossa Active Member

    How can I make another box? I need 4 boxes. Nice hack Anthony.
  6. DaveL

    DaveL Well-Known Member

    I think I might be having a dumb moment, but how do I alter the style?

    I want to change the text colour and size for box one, however when I alter the settings in the Box One CSS, nothing happens.
  7. tafreehm

    tafreehm Well-Known Member

    did you use Table or CSS to create that style?
  8. DaveL

    DaveL Well-Known Member

    Small bump!
  9. Kintaro

    Kintaro Well-Known Member

    how to change the default background (in this case blu)?


    I tried the dedicated style options but didn't works.
  10. Kintaro

    Kintaro Well-Known Member

  11. Lykke

    Lykke Well-Known Member

  12. HenrikHansen

    HenrikHansen Well-Known Member

    Same issue here, unfortunately backgrounds do not work.
  13. Inkman

    Inkman Active Member

    Did anyone ever get a response on how to change the colours?
  14. Lykke

    Lykke Well-Known Member

    What do you mean by 'change colours' ? I can just change it in the settings, if you mean the bg etc.?
  15. Lykke

    Lykke Well-Known Member

    I am using this custom footer on a lot of forums and I'm very happy with it.

    I have created a custom footer, using this, for a small tween-game forum - and I wish to add a few information there.

    One of the information should be some info links to customized pages on the forum - but I want them language-phrased, because some are from Denmark, some needs English and soon, some will be able to choose Dutch.

    But I can't get the xen: phrase-tag to work with the footer.

    As an example I created a phrase in Phrases called 'about_myhorsefriends' - About My Horse Friends. I created it again in the Danish version with the Danish expression.

    In box one I created this:

    <a href="http://www.myhorsefriends.com">{xen: phrase about_myhorsefriends}</a>

    (I added an extra space between 'xen:' and 'phrase' here because otherwise it will look like :p )

    It just doesn't work - but looks like this:


    Is this even possible in any ways and if so, how?

    Thank you
  16. Russ

    Russ Well-Known Member

    I don't think you can use it in style properties(assuming this add-on uses those).

    You may have to edit the template directly where it's trying to call the style property.
  17. Lykke

    Lykke Well-Known Member

    Thank you, Russ, for the quick reply. The thing is, I'm not a strong coder, but a designer.

    Would you know how I change it in the template?
  18. Russ

    Russ Well-Known Member

    I don't use it, but you could try searching for:

    customFooterBoxContent1 (assuming the screenshot in the description is correct).

    Open the template that uses that, and replace @customFooterBoxContent1 with the contents of your style property box(where you currently are calling your phrase that isn't working
    Lykke likes this.
  19. Lykke

    Lykke Well-Known Member

    What I mean is mostly, which template. There is a custom footer box 1 template, but looks like it's mostly just telling, what you see in the back end:

    <div class="boxContent baseHtml">
    <p>Use HTML to build <a href="http://xenforo.com">Xenforo</a> box content one.</p>

    Then there's this:

    <xen:require css="footer_custom.css" />
    <xen:if is="@customFooterActive">
    <div class="footer" style="border-radius: 0;">
        <div class="pageWidth">
            <div class="pageContent" style="border-radius: 0;">
                <div id="customFooter">               
                    <div class="box3">
                        <div class="boxTitle">
                        <div class="boxContent">
                    <div class="box1">
                        <div class="boxTitle">
                        <div class="boxContent">
                    <div class="box2">
                        <div class="boxTitle">
                        <div class="boxContent">
    <div class="clear"></div>
  20. Lykke

    Lykke Well-Known Member

    Alright :) Let me try ! Thank you!

Share This Page