How to create own background
Started by
Nightcrawler1228
, Apr 14 2008 08:34 PM
#16
Posted 14 April 2008 - 10:23 PM
Nightcrawler1228
- Topic Starter
-
- Member
-
- 18 posts
Member
#17
Posted 14 April 2008 - 10:28 PM
Sockdown
-
- Member
-
- 393 posts
Member
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>
#18
Posted 14 April 2008 - 10:38 PM
Nightcrawler1228
- Topic Starter
-
- Member
-
- 18 posts
Member
Okay, is this a joke? Because it is still scrolling and not listening to us! LOL
http://www.freewebs....io123/links.htm
http://www.freewebs....io123/links.htm
#19
Posted 14 April 2008 - 10:42 PM
Sockdown
-
- Member
-
- 393 posts
Member
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.
#20
Posted 14 April 2008 - 10:45 PM
Nightcrawler1228
- Topic Starter
-
- Member
-
- 18 posts
Member
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>
<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>
#21
Posted 14 April 2008 - 10:51 PM
Sockdown
-
- Member
-
- 393 posts
Member
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?
#22
Posted 14 April 2008 - 10:53 PM
Nightcrawler1228
- Topic Starter
-
- Member
-
- 18 posts
Member
Yes it is.
Am I using the wrong code for it. I am using the url link.
Am I using the wrong code for it. I am using the url link.
#23
Posted 14 April 2008 - 10:56 PM
Sockdown
-
- Member
-
- 393 posts
Member
http://www.geocities...ghtCrawler.html
The background is not moving. It doesn't have the CSI text on this image.
The background is not moving. It doesn't have the CSI text on this image.
Edited by Sockdown, 14 April 2008 - 10:57 PM.
#24
Posted 14 April 2008 - 10:57 PM
Major Payne
-
- Retired Staff
-
- 5,307 posts
Retired Staff
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.
Ron
P.S. My never finished freewebs page.
Edited by Major Payne, 14 April 2008 - 11:00 PM.
#25
Posted 14 April 2008 - 11:01 PM
Sockdown
-
- Member
-
- 393 posts
Member
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.
#26
Posted 14 April 2008 - 11:02 PM
Nightcrawler1228
- Topic Starter
-
- Member
-
- 18 posts
Member
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?
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.
#27
Posted 14 April 2008 - 11:13 PM
Sockdown
-
- Member
-
- 393 posts
Member
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.
#28
Posted 14 April 2008 - 11:18 PM
Major Payne
-
- Retired Staff
-
- 5,307 posts
Retired Staff
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
#29
Posted 14 April 2008 - 11:22 PM
Nightcrawler1228
- Topic Starter
-
- Member
-
- 18 posts
Member
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.
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.
#30
Posted 14 April 2008 - 11:24 PM
Sockdown
-
- Member
-
- 393 posts
Member
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.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.
Edited by Sockdown, 14 April 2008 - 11:26 PM.
Similar Topics
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
As Featured On:
Sign In
Create Account
