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.

Scripting Newb; Code to Center Footer Link

View previous topic View next topic Go down

Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 22nd 2011, 1:50 pm

I know that you can't get rid of those, that's not what I am asking for. In my forum though, at the far bottom where the footer link is, is a home link at the far left corner.

It just looks out of place there, is there a way to take it down? Perhaps through coding or another way? I already have a home link several other places that are much more organized then that, so it's a bit redundant, I think.

I was also wondering if there was a way to position the footer menu in the center, that way it's not all pushed to the far right of the forum. Aesthetically, it's just not that good looking and I would rather have the home link taken down and everything else neatly organized.

While I am on the subject of coding, is it possible to position a background wallpaper image at the bottom via coding? I tried this one coding

body{
background-image: url('BackgroundLink');
background-repeat: no-repeat;
background-position: center bottom;
}

But it didn't position it at the bottom. It just started the bottom of the image at the top, so most of the wallpaper was missing and the rest of the forum background was completely white.

Thanks in advance!


Last edited by Lee Tamotsu on August 25th 2011, 12:28 pm; edited 1 time in total

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Light Elf on August 22nd 2011, 3:12 pm

Please provide us URL of your forum so we can help you further with your problem.

Light Elf
Forumember

Posts : 144
Reputation : 11
Language : English

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 22nd 2011, 10:14 pm

I was hesitant to provide my forum link because I heard that the moderators give out warnings for such a thing.

Anyway this is the forum;

http://www.avatarepisodesrp.com/

Scroll all the way to the bottom. On the far left should be a isolated home link and to the far right should be the footer link with links such a phpbb3, a free forum, ect;

Also need a way for the background image to start from the bottom up...or something. I want it to show all of the bottom of the wallpaper at the bottom and then cut off whatever is left at the top. Not the other way around, which it is doing right now.

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Guest on August 22nd 2011, 10:53 pm

The following javascript will change that link to whatever you want:

Code:
$('#page-footer .footer-home')[0].innerHTML='<a href="LINK URL">LINK TEXT</a>');
Since that particular link duplicates the "Home" link in the navbar, you aren't going to get in any trouble if you remove/change it.

Guest
Guest


Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 22nd 2011, 11:36 pm

So it is ok to delete the home from the footer? How would I do such a thing? I've tried some different codes, but they didn't work.

I'm also trying to use this wallpaper for my background.
http://i48.servimg.com/u/f48/12/38/81/20/skies11.jpg

But I want it to start the image from the bottom up and then repeat it until it reaches the top. Is that possible?

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 on August 22nd 2011, 11:39 pm

Maybe you could take the code Dion gave you and put nothing in the text area?

Code:
$('#page-footer .footer-home')[0].innerHTML='<a href="LINK URL"></a>');

I'm just guessing though, so no promises. But it might work Smile

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 22nd 2011, 11:49 pm

I tried that, curiously. Nothing happened to the link.

$('#page-footer .footer-home')[0].innerHTML='');

This is what the end result of the code was, when I tested it out. Any excess was taken out automatically by the computer.

CSS updated successfully.
Note :
Html tags generate errors in style sheets.
A correction has been made to delete html tags that you typed in the style sheet.

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 on August 23rd 2011, 2:34 am

It's a JavaScript so you need to create a JavaScript page for it instead - it's not a CSS code Wink

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 23rd 2011, 2:43 am

Oh whoops! That's good to know! It still didn't work by keeping the link space empty. Is there a code for deleting links, like the bottom footer home link?

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 24th 2011, 4:08 am

So is there maybe a code for deleting links? Like the footer home link or having a way to center the footer?

I'm really new to this CSS and java-script features of the forum, indicated by the title. Thanks for any help!

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 on August 24th 2011, 11:48 pm

@Lee Tamotsu wrote:So is there maybe a code for deleting links? Like the footer home link or having a way to center the footer?

I'm really new to this CSS and java-script features of the forum, indicated by the title. Thanks for any help!

You should create a topic about what you want here: scripts and coding problems (link)

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu on August 25th 2011, 12:44 am

Isn't that where I posted this? Or am I not being specific enough?

Oh by the way. I found a way to remove the home link from the footer page. Now all I need to do is center what is left of the footer link. Nothing serious, I just don't like the way it is pushed to the far right.

Is such a code possible through CSS or javascript? I'm on phpbb3.

Lee Tamotsu
Forumember

Male Posts : 219
Reputation : 1
Language : English

http://avatarrp.aforumfree.com/index.htm

Back to top Go down

Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 on August 26th 2011, 11:41 pm

@Lee Tamotsu wrote:Isn't that where I posted this? Or am I not being specific enough?

Oh by the way. I found a way to remove the home link from the footer page. Now all I need to do is center what is left of the footer link. Nothing serious, I just don't like the way it is pushed to the far right.

Is such a code possible through CSS or javascript? I'm on phpbb3.


I meant creating a topic dedicated to what you wanted Razz

I believe it's possible through CSS

So try making a new topic just asking for this? Smile

Empire_1
Active Poster

Male Posts : 1391
Reputation : 124
Language : English, Spanish, Mandarin, C++
Location : Summoner's Rift

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