Copyright text for footer - CSS Code

I need a CSS code that will place text at the bottom left-hand side of the forum. This text will consist of the typical Copyright text you see at the bottom of many sites. Right now I'm using javascript to achieve this but I want to remove the javascript and use a CSS code instead.

I use phpbb3


Thanks

Hello,

You can use this:

Code:

#page-footer:after {
    color: #000000;
    content: "© 2008-2012 Runaway Horses. All rights reserved.";
    bottom: 20px;
    position: absolute;
}

You have any for phpBB2?? for that??

Matti_7 wrote:Hello,

You can use this:

Code:

#page-footer:after {
    color: #000000;
    content: "© 2008-2012 Runaway Horses. All rights reserved.";
    bottom: 20px;
    position: absolute;
}

Sir can i use it to phbb2?

For PhpBB2 you can use the Templates.

Not works their.. Pls..can you give me CSSCode?

Hi Matti, thats not putting it at the bottom of the page its putting the text about the middle of the page.

I don't get it can u make a screen-shot and show me where you want the text to show?

I would be delighted to show you with a screenshot where I want it to go and what I mean by the bottom of the page. The bottom of the page specifies are particular area on the page itself, in this case we are addressing the "Bottom" on the page as illustrated and highlighted with a Red marker:

This code can do it!

Code:

#page-footer:before {
    bottom: 20px;
    color: #000000;
    content: "© 2008-2012 Runaway Horses. All rights reserved.";
    position: absolute;
}

Look at this PhpBB3

I see in your screenshot and it is exactly where I want it to go, however its not working on my forum. I tried your new code and it did the same exact thing except this time is was at the middle right-hand side.. Its putting the '© 2008-2012 Runaway Horses. All rights reserved" at the middle of the page on the right-hand side, not the bottom left-hand side. The middle of the page I mean the middle of the forum. Not the middle of the footer.

Its not working due to using absolute positining and a bottom property of 20px. Thats not setting it at the bottom of the page its setting it at the bottom of the window.

Try this out for size:

Code:


      #page-footer .footer-home:after {
          content: 'Copyrights bla bla bla';
          display: block;
      }


That will put it where you want.

Thanks everyone Matti, Rideem3, LGforum I appreciate it. Thanks a lot.

LGforum wrote:Its not working due to using absolute positining and a bottom property of 20px. Thats not setting it at the bottom of the page its setting it at the bottom of the window.

Try this out for size:

Code:


      #page-footer .footer-home:after {
          content: 'Copyrights bla bla bla';
          display: block;
      }


That will put it where you want.

for phbb2 please...

FOR PHPBB2 GO TO TEMPLATES>GENERAL>OVERALL_FOOTER_END>scrolldown all the way to the bottom>place this code above </body></html>:

Code:

  <div style="margin:auto;text-align:center;width:100%"><font size=1>© 2012 xCoDeZz. All rights reserved.</font></div>

Hello, For further questions, please open a new topic

Topic Solved & Locked