CSS Forum

**neo247** · 10-01-2009, 09:54 PM

i am trying to implement code from another website but it is not working very well. I think its because i don't have the .css files they reference to. so my question is...

can someone give me the code for the basic template?

i understand how to keep the background still, but the rest i couldn't figure out. there is a header, a footer, and a little bar that is the whole middle. im going to change those to my own pictures.

please help me. i am new to html and css. thanks

here's the site
http://jpskillz.wordpress.com/

**Trey Walter** · 10-02-2009, 06:46 AM

Looks like a simple wordpress blog to me. So you could go to wordpress.org to download the basic template.

**DrVPSHosting** · 10-02-2009, 06:52 AM

This is the authors website, go there and you can probably get the theme
http://binarybonsai.com/

**neo247** · 10-02-2009, 04:33 PM

thanks for the responses, but thats not really what im looking for.

i think i could make that all but i dont understand how they make this image..

http://s3.wordpress.com/wp-content/t.../kubrickbg.gif

the whole body. as you can see, i am new to html and css. and i want to keep my websites to just those languages.

i hope that explains what im going for. im not making a blog. im making just a simple website for a small business i work for

**Trey Walter** · 10-03-2009, 07:53 AM

Maybe this piece of code is what you're looking for:

Code:

<style type='text/css'>#page { background: url("http://s3.wordpress.com/wp-content/themes/default/images/kubrickbg.gif") repeat-y top; border: none; }
</style>

In combination with:

Code:

<body><div id="page">

<!-- content here -->

</div></body>

But that's just one part of the whole body. There are other <div> tags with other background-images (e.g. <div id="header"> and <div id="footer>) and some separated css. files as well. I can't explain all that stuff to you.

By the way, you can read their separated css. files if you enter the URLs of the files in the address bar of your browser. (Just in case you didn't know.)

**marynorth21** · 10-03-2009, 12:08 PM

As far as I'm concerned there are other blogs that you can't copy the source code.

**neo247** · 12:42 PM

Quote:

Originally Posted by Trey Walter

Maybe this piece of code is what you're looking for:

Code:

<style type='text/css'>#page { background: url("http://s3.wordpress.com/wp-content/themes/default/images/kubrickbg.gif") repeat-y top; border: none; }
</style>

In combination with:

Code:

<body><div id="page">

<!-- content here -->

</div></body>

But that's just one part of the whole body. There are other <div> tags with other background-images (e.g. <div id="header"> and <div id="footer>) and some separated css. files as well. I can't explain all that stuff to you.

By the way, you can read their separated css. files if you enter the URLs of the files in the address bar of your browser. (Just in case you didn't know.)

this looks like what im looking for. i dont have time to test it out right now though. i understand the heading and footer and stuff i just didnt know how they did the body. i will not use those images. im going to make my own with the same dimentions. i also did not know i could view their css. great to know. ill reply back later when i test it. thank you

**neo247** · 10-04-2009, 02:09 AM

ok it worked, but the text is across the whole screen. how can i set it to inside that body image and also stay there when the page is resized?

**bige2533** · 10-08-2009, 04:38 PM

So you want a div that appears on top of your gif that contains text? Then you'll need to make the div as wide as the gif and arrange it so it displays on top.

**Brian07002** · 10-08-2009, 05:48 PM

without their css, you will never be able to match their site exactly, or put it another way, match it easily.

**bige2533** · 10-09-2009, 02:44 PM

Can't you get the css code using the w3 validator?