Repeating only part of background
4 posters
Page 1 of 1
Repeating only part of background
Hello!
So my background is getting dull and I would love to change it.
My idea is having part of my background repeat horizontally, and the other part repeat in all other directions.
So for example here is one of my pieces of my background:
And here is another piece:
I would like them to look like this on my forum:
as you can see, the trees repeat across the top ONLY and the grass repeats everywhere else. Thanks!
So my background is getting dull and I would love to change it.
My idea is having part of my background repeat horizontally, and the other part repeat in all other directions.
So for example here is one of my pieces of my background:
And here is another piece:
I would like them to look like this on my forum:
as you can see, the trees repeat across the top ONLY and the grass repeats everywhere else. Thanks!
Re: Repeating only part of background
Could you provide the link for that image?
As in the full image, not a cropped on if possible
As in the full image, not a cropped on if possible
Re: Repeating only part of background
The best thing would be to combine the two images together. You can request it in the graphics section.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Repeating only part of background
Yeah actually I was thinking of doing just a massive picture. But is it more efficient to have smaller pictures that just repeat themselves (using CSS)?
AKA transferring a large picture might be less efficent that two smaller ones right?
AKA transferring a large picture might be less efficent that two smaller ones right?
Re: Repeating only part of background
ian2000 wrote:Hello!
So my background is getting dull and I would love to change it.
My idea is having part of my background repeat horizontally, and the other part repeat in all other directions.
So for example here is one of my pieces of my background:
And here is another piece:
I would like them to look like this on my forum:
as you can see, the trees repeat across the top ONLY and the grass repeats everywhere else. Thanks!
hello !
This is a table of 700x500, not a picture ... |
Fitz- New Member
- Posts : 9
Reputation : 2
Language : french-english
Re: Repeating only part of background
Fitz wrote:ian2000 wrote:Hello!
So my background is getting dull and I would love to change it.
My idea is having part of my background repeat horizontally, and the other part repeat in all other directions.
So for example here is one of my pieces of my background:
And here is another piece:
I would like them to look like this on my forum:
as you can see, the trees repeat across the top ONLY and the grass repeats everywhere else. Thanks!
hello !
- Code:
background-image: url(http://i19.servimg.com/u/f19/19/09/43/11/repeat10.png), url(http://i19.servimg.com/u/f19/19/09/43/11/repeat11.png);
background-position: top center,center;
background-repeat: repeat-x,repeat;
This is a table of 700x500, not a picture ...
Hello,
@Fitz
Just wanted to point out your css had no selector, so at the moment i would not change anything did you mean
- Code:
*
{
background-image: url(http://i19.servimg.com/u/f19/19/09/43/11/repeat10.png), url(http://i19.servimg.com/u/f19/19/09/43/11/repeat11.png);
background-position: top center,center;
background-repeat: repeat-x,repeat;
}
Re: Repeating only part of background
if the CSS is for the body of the forum :
it can be have a margin-top of 200px ...
look like this :
- Code:
body
{
background-image: url(http://i19.servimg.com/u/f19/19/09/43/11/repeat10.png), url(http://i19.servimg.com/u/f19/19/09/43/11/repeat11.png);
background-position: top center,center;
background-repeat: repeat-x,repeat;
}
it can be have a margin-top of 200px ...
look like this :
- Code:
body
{
background-image: url(http://i19.servimg.com/u/f19/19/09/43/11/repeat10.png), url(http://i19.servimg.com/u/f19/19/09/43/11/repeat11.png);
background-position: top center,center;
background-repeat: repeat-x,repeat;
margin-top:200px;
}
Fitz- New Member
- Posts : 9
Reputation : 2
Language : french-english
Re: Repeating only part of background
Ahh yes @Fitz this is really cool. Didn't know it could be done this way.
Big thanks to everyone else that posted, I think it looks pretty good now! I learned a lot.
Check it out if you get a chance,
Onyx Legion
Big thanks to everyone else that posted, I think it looks pretty good now! I learned a lot.
Check it out if you get a chance,
Onyx Legion
Similar topics
» Stop background from repeating
» Background Repeating Issue
» How to make an extending Banner into a repeating background
» Repeating Login screen
» Forum icon description & ACP repeating link
» Background Repeating Issue
» How to make an extending Banner into a repeating background
» Repeating Login screen
» Forum icon description & ACP repeating link
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum