The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Copyright text for footer - CSS Code

+3
NikkoBryan14
Mati
runawayhorses
7 posters

Go down

Solved Copyright text for footer - CSS Code

Post by runawayhorses Sun Apr 29, 2012 9:17 pm

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 Tue May 01, 2012 12:37 am; edited 1 time in total
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
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 Mon Apr 30, 2012 2: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
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by NikkoBryan14 Mon Apr 30, 2012 2:34 am

You have any for phpBB2?? for that??
NikkoBryan14
NikkoBryan14
Forumember

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

Back to top Go down

Solved re.....

Post by ~@dikz~ Mon Apr 30, 2012 2: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~
~@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 Mon Apr 30, 2012 3:19 am

For PhpBB2 you can use the Templates.
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by NikkoBryan14 Mon Apr 30, 2012 3:20 am

Not works their.. Pls..can you give me CSSCode?
NikkoBryan14
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 Mon Apr 30, 2012 5:12 am

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

Male Posts : 2537
Reputation : 166
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 Mon Apr 30, 2012 6:29 am

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

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses Mon Apr 30, 2012 6:51 am

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:

Copyright text for footer - CSS Code Ssbottom1
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
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 Mon Apr 30, 2012 7:03 am

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

Copyright text for footer - CSS Code Gggg10
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses Mon Apr 30, 2012 7:21 am

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.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
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 Mon Apr 30, 2012 4: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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: Copyright text for footer - CSS Code

Post by runawayhorses Tue May 01, 2012 12:36 am

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

Male Posts : 2537
Reputation : 166
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~ Tue May 01, 2012 1: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~
~@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- Tue May 01, 2012 2: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-
+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 Tue May 01, 2012 5:09 am

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

Topic Solved & Locked
Jophy
Jophy
ForumGuru

Male Posts : 17922
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Back to top


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