Need help with background **PLEASE**

4 replies
  • WEB DESIGN
  • |
Dear Warrior,

just have a question.

i want a background like here ...

Can someone tell me how to do this??

Hope for your answer. I realy need your help.

Cheers,

Patrick
#background
  • Profile picture of the author Richard Whyte
    Hey Patrick

    When you say a background like this, do you mean one that stays fixed as the rest of the page scrolls OR do you mean the image(s)?

    CSS allows you to do layers. This looks like what they did to me is use a tiny image that is tall and thin and then repeat it in the X direction..

    Next they put a semi transparent image on top of that that is centered.

    Then they placed the content on top of that...

    This is all fairly standard stuff in CSS.

    With the <div> tag and the right code, you can place just about anything you want at any place on the page...

    Does that help or do you have no idea at all what I am talking about?

    have a Great Day!
    {{ DiscussionBoard.errors[1227202].message }}
  • Profile picture of the author mywebwork
    Richard you beat me to it - I had just started typing a similar reply when you posted yours!

    Patrick, as Richard stated you need to be a bit more specific - what aspect of this page do you want to duplicate?

    One thing I might add is that you may want to take a look at the HTML ("View Source" in most browsers) of the site you want to emulate. Specifically look at the Body tag and the style sheet associated with the document - http://www.the-cb-code.com/styles.css in your case. If you are familiar with HTML and CSS you should be able to figure out what you need to know.

    Bill
    {{ DiscussionBoard.errors[1227273].message }}
    • Profile picture of the author NetInvestor
      Originally Posted by Richard Whyte View Post

      Hey Patrick

      When you say a background like this, do you mean one that stays fixed as the rest of the page scrolls OR do you mean the image(s)?

      CSS allows you to do layers. This looks like what they did to me is use a tiny image that is tall and thin and then repeat it in the X direction..

      Next they put a semi transparent image on top of that that is centered.

      Then they placed the content on top of that...

      This is all fairly standard stuff in CSS.

      With the <div> tag and the right code, you can place just about anything you want at any place on the page...

      Does that help or do you have no idea at all what I am talking about?

      have a Great Day!
      Originally Posted by mywebwork View Post

      Richard you beat me to it - I had just started typing a similar reply when you posted yours!

      Patrick, as Richard stated you need to be a bit more specific - what aspect of this page do you want to duplicate?

      One thing I might add is that you may want to take a look at the HTML ("View Source" in most browsers) of the site you want to emulate. Specifically look at the Body tag and the style sheet associated with the document - http://www.the-cb-code.com/styles.css in your case. If you are familiar with HTML and CSS you should be able to figure out what you need to know.

      Bill
      Hey Richard and Bill,

      Firstly thanks to your answers... Yes i mean that it stays fixed and looks like you have a site on the site...

      I´ll try things out and hope it will work.

      Thanks

      Cheers,

      Patrick
      {{ DiscussionBoard.errors[1227341].message }}

Trending Topics