LinkBack URL
About LinkBacksHow do I add this http://collide.elementfx.com/index.html I mean that is my site I mean how do I add this background http://www.collide.elementfx.com/bakground.PNG to my home enter page.
Community Support Force
How do I add this http://collide.elementfx.com/index.html I mean that is my site I mean how do I add this background http://www.collide.elementfx.com/bakground.PNG to my home enter page.
Retired
You could do it through your style.css file. (If you have one)
Last edited by bigguy; 05-24-2007 at 01:07 AM.
P.C. Tweakr - For all your computer and internet support
P.C. Tweakr - For all your SMF help and support
x10 Sophmore
for CSS: background-image: url("route/to/image")
for html: <body background="route/to/image">
Lord Of The Keys
HTML Code:<style type="text/css"> body{ background-image: url("url/to/image"); background-repeat: none; /* Important so that background doesnt repeat itself */ } </style>
Last edited by Chris Z; 05-24-2007 at 08:09 AM.
Regards,
Zenax
x10 Lieutenant
Re: [HELP]How to add a background
There are a few ways to do it (as with all programming).
From your code it looks like you've already tried to do it here:
But your style is outside your "head" tags. So with most browsers it won't work, or it will act funky.HTML Code:</script><noscript><a href='http://x10hosting.com/advert/adclick.php?n=a7fb3e9d' target='_blank'><img src='http://x10hosting.com/advert/adview.php?what=zone:1&n=a7fb3e9d' border='0' alt=''></a></noscript></center> <STYLE TYPE="text/css">p {align=justify} BODY{cursor: url(http://www.geocities.com/ang3lbabi3_x3/derek.ani);} a {cursor: url(http://www.geocities.com/ang3lbabi3_x3/derek.ani);} BODY BACKGROUND="http://www.collide.elementfx.com/bakground.PNG" </STYLE> <title>Welcome to Derek's Site!</title>
You've also seem to have two title tags, and your <html> tag is well below the start of your code. It should be almost right at the top. Only usually preceded by a doctype declaration.
First Method
That bit should look something like this:
Second MethodHTML Code:<head> <title>Welcome to Derek's Site!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <STYLE TYPE="text/css"> body { background-image:bakground.PNG; background-repeat:no-repeat; } </style> </head>
Alternately, you can just add a background attribute to your body tag.
So, this:
Would become this:HTML Code:</head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (enter.png) -->
Third MethodHTML Code:</head> <body background="bakground.PNG" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (enter.png) -->
One final way to do it (that I know of) is to use an external stylesheet.
Add this inside your head tags:
Then create a file in your main directory with whatever filename you put inside the "href." In this case "mainstyle.css." Then add the following code to it:HTML Code:<link rel="stylesheet" href="mainstyle.css" type="text/css" />
This is essentially the same as the first method, but instead of doing it inside the document, it farms out the work to a separate file. Which means you can use the same stylesheet across many pages. Without having to retype the whole code all the time.HTML Code:/* CSS Document */ body { background-image:bakground.PNG; background-repeat:no-repeat; }
Now, 3 ways to do it. Which one to choose?
Oh, sorry for snooping your code, if your worried about that sort of thing.
Ignorance is the true enemy of all things.
Community Support Force
Perfect theWorked Perfectly..</head>
<body background="bakground.PNG" bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (enter.png) -->
Lord Of The Keys
You forgot to add the url(background.png) to the code.Code:/* CSS Document */ body { background-image: url(background.PNG); background-repeat:no-repeat; }
Last edited by Zenax; 05-25-2007 at 06:57 AM.
Regards,
Zenax
Posting Permissions
Reply With Quote