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.

Background repeat

View previous topic View next topic Go down

Solved Background repeat

Post by Klonoa on March 20th 2012, 3:00 pm

Forum background is repeating on the bottom. How do i disable that? thanks

Klonoa
Forumember

Male Posts : 161
Reputation : 5
Language : English, Serbian
Location : Repulika Srpska

http://pokemonworldrpg.pokemonlegend.org/

Back to top Go down

Solved Re: Background repeat

Post by Guest on March 20th 2012, 3:28 pm

Hi!

Use this CSS code, that you should add to CSS Stylesheet:
Code:
body{
background-image: url(IMAGE_URL);
background-color: #COLOR;
background-repeat: no-repeat;
}
no-repeat = the background isn't repeating;
repeat-x = the background is repeating from top to bottom;
repeat-y = the background is repeating from left to right.
http://www.w3schools.com/cssref/pr_background-repeat.asp

Guest
Guest


Back to top Go down

Solved Re: Background repeat

Post by Klonoa on March 20th 2012, 3:31 pm

thanks for response, but i already tried that but thats not what i want.
see here on my test forum http://loveyoulikealovesong.forumotions.net/ i like how it goes horizontaly, but it repeats again on verticaly which i dont want.

Klonoa
Forumember

Male Posts : 161
Reputation : 5
Language : English, Serbian
Location : Repulika Srpska

http://pokemonworldrpg.pokemonlegend.org/

Back to top Go down

Solved Re: Background repeat

Post by Guest on March 20th 2012, 3:34 pm

I see on your forum that you don't tried what I said.
Try this, with no-repeat:
Code:
body{
background-image: url(http://i.imgur.com/U2qxW.jpg);
background-repeat: no-repeat !important;
}

Guest
Guest


Back to top Go down

Solved Re: Background repeat

Post by Klonoa on March 20th 2012, 3:35 pm

i did that, see what happend..

Klonoa
Forumember

Male Posts : 161
Reputation : 5
Language : English, Serbian
Location : Repulika Srpska

http://pokemonworldrpg.pokemonlegend.org/

Back to top Go down

Solved Re: Background repeat

Post by Guest on March 20th 2012, 3:39 pm

Hi!

You can try to replace no-repeat by repeat-x, but I think this is because background image. So, you can not do what do you want via coding. You can edit image with photoshop to make it larger, orrr... I'm not sure, but try this:
Code:
body{
background-image: url(http://i.imgur.com/U2qxW.jpg);
background-repeat: repeat-x !important;
background-size: 100% !important;
}

Guest
Guest


Back to top Go down

Solved Re: Background repeat

Post by Klonoa on March 20th 2012, 9:20 pm

the code didnt worked. I even resized the image but it wont work :/

Klonoa
Forumember

Male Posts : 161
Reputation : 5
Language : English, Serbian
Location : Repulika Srpska

http://pokemonworldrpg.pokemonlegend.org/

Back to top Go down

Solved Re: Background repeat

Post by XDirect12345 on March 20th 2012, 10:00 pm

okay, add
Code:
background-attachment: fixed

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Solved Re: Background repeat

Post by Klonoa on March 20th 2012, 11:40 pm

This worked. Thanks a lot Smile

Klonoa
Forumember

Male Posts : 161
Reputation : 5
Language : English, Serbian
Location : Repulika Srpska

http://pokemonworldrpg.pokemonlegend.org/

Back to top Go down

Solved Re: Background repeat

Post by Jophy on March 21st 2012, 3:07 am

Topic Solved & Moved

Note: You can also help the staff member's work by EDITING your topic and marking it as solved.

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