Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

How to create own background


  • Please log in to reply

#16
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Hey Sockdown that one alomst worked what am I doing wrong???
  • 0

Advertisements


#17
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
Try this on a new .html

<html>
<head>
<style type="text/css">
body 
{
background-image: url('url of image');
background-repeat: no-repeat;
background-attachment: fixed;
</style>
</head>

<body>
<font color="#ffffff">
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
</font>
</body>

</html>

  • 0

#18
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Okay, is this a joke? Because it is still scrolling and not listening to us! LOL

http://www.freewebs....io123/links.htm
  • 0

#19
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts

Okay, is this a joke? Because it is still scrolling and not listening to us! LOL

http://www.freewebs....io123/links.htm


I think that somewhere in your code, a tag is still open. Paste the code if you can here between [xcode]The code goes here[/xcode] tags. Without the x in front of code.

Edited by Sockdown, 14 April 2008 - 10:42 PM.

  • 0

#20
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
It won't let me but I copied and pasted.

<html>
<head>
<style type="text/css">
body
{
background-image: url('http://i81.photobuck...s/CSIBackg2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
</style>
</head>

<body>
<font color="#ffffff">
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
</font>
</body>

</html>
  • 0

#21
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts

It won't let me but I copied and pasted.

<html>
<head>
<style type="text/css">
body
{
background-image: url('http://i81.photobuck...s/CSIBackg2.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
</style>
</head>

<body>
<font color="#ffffff">
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
<p>The image will not scroll with the rest of the page</p>
</font>
</body>

</html>


That's not the image with the CSI text right?
  • 0

#22
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Yes it is.

Am I using the wrong code for it. I am using the url link.
  • 0

#23
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
http://www.geocities...ghtCrawler.html

The background is not moving. It doesn't have the CSI text on this image.

Edited by Sockdown, 14 April 2008 - 10:57 PM.

  • 0

#24
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
I told you that you had to correct those html and css errors. You have a lot of div tags open for one thing. I design web pages for a living and you need to correct your coding first before you try fixing anything. BG stands for BackGround.

Ron

P.S. My never finished freewebs page. :)

Edited by Major Payne, 14 April 2008 - 11:00 PM.

  • 0

#25
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts

I told you that you had to correct those html and css errors. You have a lot of div tags open for one thing. I design web pages for a living and you need to correct your coding first before you try fixing anything. BG stands for BackGround.

Ron

P.S. My never finished freewebs page. :)


Nice colors Major Payne. :)

NightCrawler, http://www.geocities...htCrawler2.html <- this is the one with the previous background.

Edited by Sockdown, 14 April 2008 - 11:02 PM.

  • 0

Advertisements


#26
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Yes I see that the BG is not moving at all now but on my other page I will need it to scroll. So It may not be working because of all the errors you think.

Sorry Major Payne... I don't know how to fix the errors. I don't know HTML or Css yet.

I was just trying to get the right code down so I can paste it onto my working website... Here http://www.freewebs....ghtcrawler1228/

I was just afraid to experiment over here in fear of losing everything like I said.

So I am pasting it in the right place then. The edit paragraphs? So is this something I would have to do for each page?

Edited by Nightcrawler1228, 14 April 2008 - 11:05 PM.

  • 0

#27
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts

Yes I see that the BG is not moving at all now but on my other page I will need it to scroll. So It may not be working because of all the errors you think.

Sorry Major Payne... I don't know how to fix the errors. I don't know HTML or Css yet.

I was just trying to get the right code down so I can paste it onto my working website... Here http://www.freewebs....ghtcrawler1228/

I was just afraid to experiment over here in fear of losing everything like I said.

So I am pasting it in the right place then. The edit paragraphs? So is this something I would have to do for each page?


No, you see, the CSS file is for that, so you don't have to put the same code over and over again. I just saw you have a .css file there. So, the CSS code we were talking about, you can add it there. I didn't know you had a .css file. The problem could be that in all that tags you have there, there are some errors that are screwing(sorry, didn't know another word) the other tags and hence, distorting the page. The code needs some fixing like Major Payne said.

Edited by Sockdown, 14 April 2008 - 11:15 PM.

  • 0

#28
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts

Sorry Major Payne... I don't know how to fix the errors. I don't know HTML or Css yet.


Since you are using FreeWebs, I can just correct your page and send it to you to totally copy/paste into your index.html file and overwrite all of it. Would you know how to edit your HTML file?

You are going to have problems down the road if you don't fix those errors. Especially in other browsers.

Ron
  • 0

#29
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Hey Sockdown I just finally used my brain!!! The current template I am using does not allow CSS... I had no idea until I just saw on the bottom of my page, "If you need CSS use this template." And it directs me to only one type of template that FW offers that is CSS able.

I just changed it over and it worked immediately!!! I was in shock. So now I guess my question is can I change my current template that is not CSS enable to one that is without losing everything.

Would you know?

Thank you so much. I would not have figured this out without you and Major Payne.
  • 0

#30
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts

Hey Sockdown I just finally used my brain!!! The current template I am using does not allow CSS... I had no idea until I just saw on the bottom of my page, "If you need CSS use this template." And it directs me to only one type of template that FW offers that is CSS able.

I just changed it over and it worked immediately!!! I was in shock. So now I guess my question is can I change my current template that is not CSS enable to one that is without losing everything.

Would you know?

Thank you so much. I would not have figured this out without you and Major Payne.

Oh hehe, nice. Major Payne that have already worked with freewebs and has more knowledge about css might be able to answer that. I'm glad you fixed the problem. :)

Edited by Sockdown, 14 April 2008 - 11:26 PM.

  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP