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.

Scripting Newb; Code to Center Footer Link

3 posters

Go down

Scripting Newb; Code to Center Footer Link Empty Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

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

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

Posts : 144
Reputation : 11
Language : English

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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.
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Guest 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.
avatar
Guest
Guest


Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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.
https://i.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?
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 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
Empire_1
Active Poster

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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.
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 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
Empire_1
Active Poster

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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?
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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!
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 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
Empire_1
Active Poster

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Lee Tamotsu 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.
avatar
Lee Tamotsu
Forumember

Male Posts : 222
Reputation : 1
Language : English

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

Back to top Go down

Scripting Newb; Code to Center Footer Link Empty Re: Scripting Newb; Code to Center Footer Link

Post by Empire_1 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
Empire_1
Active Poster

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

Back to top Go down

Back to top

- Similar topics

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