Back Home

Open Designs

Community. Driven.

Designer Talk: Adding to a template

Bottom of Page

1 to 5 of 5

  1.  
    • CommentAuthorSkyshadow
    • CommentTimeJan 10th 2008
     
    Hi all,

    I have been trying for a while to learn how to do things with CSS and HTML for my own interest, and downloaded a template

    http://www.freecsstemplates.org/preview/standardissue

    the background image is a tiny blue stripe and white section, my question is, how could I put a different picture so it show behind the text, but still keep the blue line at the top?

    Is this something to do with the way the page has been made (it say repeat-X, ->, so how to add something below?

    grateful for any pointers.
    •  
      CommentAuthorkirby145
    • CommentTimeJan 10th 2008
     
    Repeat x means it is going along the x axis which is horizontal, so the image will go like

    ---------------------->
    • CommentAuthorbluecafe
    • CommentTimeJan 10th 2008 edited by bluecafe on the 10th January 2008 at 15:00:32 EST
     
    The background image is assigned to the body tag. If you want to put another image below you would need to look for another tag.

    If you take for example:
    <div id="logo">
    <h1><a href="#">StandardIssue<sup>1.0</sup></a></h1>

    <h2>By NodeThirtyThree + FreeCSSTemplates</h2>
    </div>

    here you could assign another background image to the logo-div. Or you can create a new container-div with an own background image or anything like this . (Hope I understood your question right )
    • CommentAuthorSkyshadow
    • CommentTimeJan 10th 2008
     
    Thanks guys, maybe I phrased my query badly, I realise that repeat X means -> the area where I want to add the background is the main element 'body' (where the posts appear in the template), using Chris Pedericks 'Developer Toolbar', it shows the element as being 'body' also.

    Thanks bluecafe. I added another class in my CSS and called it in various places in the template, I can get a bg on the post text and the footer, but not in the white space on the left of the page where the post body is in the template (i.e below the header image and navigation, opposite where the links begin).

    What I'd like to figure out is how to keep the blue header and also add an image to occupy the white space.

    I think i understand something better now which is cool, and I have some ideas to try. I am sure that the answer is not to make one huge-ass background image though?
    •  
      CommentAuthorkirby145
    • CommentTimeJan 11th 2008 edited by kirby145 on the 11th January 2008 at 19:08:13 EST
     
    Actually a huge ass background would probably be the easiest. If you are using a tiled background just make it very tall and crop it to as small as possible width so that it repeats correctly.

    Other option? You need to make a div call blubox, make it at the top, another div call surroundbox that goes over everything after bluebox, and it's background is the image.

1 to 5 of 5

  1.