Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
Background image question
Topic Started: Mar 14 2008, 06:41 PM (1,246 Views)
Darkman Mar 14 2008, 06:41 PM Post #1
Member Avatar
Member
[ * * ]
 (This applies more to themes with 1024 or 800 width settings) Rather than have a colour as the background, I'm assuming that I can add an image there instead by substituting;
Code:
 
html,body {
background:#5a70b3;
color:#000;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}


for

Code:
 
html,body {
background:url(URL HERE) repeat-x top HEX CODE HERE;
color:#000;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}


Is there a way to break a chosen image up into segments and determine which segment goes where on the background image? (Like on a map grid?)
I know that if I were to add an image there normally, it'll tile and keep repeating to cover the area required, but I would like to add a linear image that has a distinct top and bottom. I understand that mid-sections will need to be able to repeat to fill in an unspecified area so will have to be able to blend together seamlessly.
Is that possible?
Offline Profile Quote Post Goto Top
 
Nicola Mar 14 2008, 06:45 PM Post #2
Darth Vader's Sewing Instructor

 Yes, you can do background images exactly how you did in the example :)
No, you cannot break images up into segments and position them in places.

Could you provide a quick visual idea of what sort of effect you wanted to achieve? It may be possible in a way that I am thinking, but it really depends on what you wanted it to do.
Offline Profile Quote Post Goto Top
 
Darkman Mar 14 2008, 06:53 PM Post #3
Member Avatar
Member
[ * * ]
 I can mug something together if you like....but say it was half a tree either side of the page from the roots at the bottom, the trunk then the lower branches at the top of the page, or the lobby of a building then climbing to the roof near where the header is.
I'll try to McGyver something to show.
Offline Profile Quote Post Goto Top
 
Darkman Mar 14 2008, 07:28 PM Post #4
Member Avatar
Member
[ * * ]
 Okay..it's along these lines:

Posted Image
Offline Profile Quote Post Goto Top
 
Nicola Mar 14 2008, 07:38 PM Post #5
Darth Vader's Sewing Instructor

 It's kinda possible. You'd have to put up with either the images being aligned to the bottom of the board, or at the top. Plus you couldn't really do much in terms of the copyright.

But, read this and implement the Side Border.
Offline Profile Quote Post Goto Top
 
Darkman Mar 14 2008, 07:50 PM Post #6
Member Avatar
Member
[ * * ]
 Thanks for your help. I'll see how it works out. :)
Offline Profile Quote Post Goto Top
 
Nicola Mar 14 2008, 07:55 PM Post #7
Darth Vader's Sewing Instructor

 I'll leave this open in case you get stuck.
Offline Profile Quote Post Goto Top
 
Darkman Mar 15 2008, 02:32 PM Post #8
Member Avatar
Member
[ * * ]
 Been experimenting with this a fair bit, and I think it's just a matter of practice and testing to see what the limitations are. Thanks for your help :)
Offline Profile Quote Post Goto Top
 
bojjen clon Aug 24 2008, 07:57 AM Post #9
Member
[ * ]
 Is there a way to make the actual background and image, like not the border but the background? Like where the text is
Offline Profile Quote Post Goto Top
 
Jayw Aug 28 2008, 05:09 AM Post #10
Member
[ * ]
bojjen clon
Aug 24 2008, 07:57 AM
Is there a way to make the actual background and image, like not the border but the background? Like where the text is
You can change the white area where the text is with this part:

Quote:
 

#wrap {
background:#fff;
border:1px solid #3A5197;
margin:0 2% 30px;
}


Change part in bold for the background colour.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Theme & Code Help · Next Topic »
Add Reply