The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Copyright text for footer - CSS Code

View previous topic View next topic Go down

Solved Copyright text for footer - CSS Code

Post by runawayhorses on April 30th 2012, 4:17 am

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


Last edited by runawayhorses on May 1st 2012, 7:37 am; edited 1 time in total

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by Mati on April 30th 2012, 9:25 am

Hello,

You can use this:

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

Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by NikkoBryan14 on April 30th 2012, 9:34 am

You have any for phpBB2?? for that??

NikkoBryan14
Forumember

Male Posts : 274
Reputation : 8
Language : English
Location : Philippines

Back to top Go down

Solved re.....

Post by ~@dikz~ on April 30th 2012, 9:50 am

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?


~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by Mati on April 30th 2012, 10:19 am

For PhpBB2 you can use the Templates.

Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by NikkoBryan14 on April 30th 2012, 10:20 am

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

NikkoBryan14
Forumember

Male Posts : 274
Reputation : 8
Language : English
Location : Philippines

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses on April 30th 2012, 12:12 pm

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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by Mati on April 30th 2012, 1:29 pm

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

Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses on April 30th 2012, 1:51 pm

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:


runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by Mati on April 30th 2012, 2:03 pm

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


Mati
Active Poster

Posts : 1884
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses on April 30th 2012, 2:21 pm

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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by LGforum on April 30th 2012, 11:02 pm

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.


LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses on May 1st 2012, 7:36 am

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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by ~@dikz~ on May 1st 2012, 8:34 am

@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...

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by +Fusion- on May 1st 2012, 9:46 am

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>

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by Jophy on May 1st 2012, 12:09 pm

Hello, For further questions, please open a new topic Wink

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum