HTML question

This forum is where you can show off your art, such as emulator software skins, DVD and CD covers; or discuss other art-related topics.
Post Reply
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
https://www.artistsworkshop.eu/meble-kuchenne-na-wymiar-warszawa-gdzie-zamowic/
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

HTML question

Post by hearld500 »

I'd post this in OT, but it's already filled with crap. Unlike here.

How would I take this picture, make it the background, . :arrow: http://img36.imageshack.us/img36/8513/tunnel4mh.jpg

and with the rest of the area around the picture, use this gif? :arrow: http://img397.imageshack.us/img397/6106/bg23xy.gif

thanks
User avatar
melancholy
DCEmu's Ace Attorney
DCEmu's Ace Attorney
Posts: 10969
Joined: Mon Nov 26, 2001 12:34 am
Location: Indiana
Has thanked: 0
Been thanked: 1 time

Post by melancholy »

Although you are correct in your statement that this is not appopriate for OT, this is not appropriate for null either. We shall place this in the Art Forum!
User avatar
AgentGreen
More like GAY-gentGreen
More like GAY-gentGreen
Posts: 2706
Joined: Mon Apr 07, 2003 6:59 pm
Location: Waiting in the sky
Has thanked: 0
Been thanked: 0

Post by AgentGreen »

So what your asking is if you can have the .gif as a background and have the other pic in the background too? Kinda like have it framed by the .gif?
Image
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

Post by hearld500 »

AgentGreen wrote:So what your asking is if you can have the .gif as a background and have the other pic in the background too? Kinda like have it framed by the .gif?
yeah, pretty much. any idea how i could do that?
User avatar
AgentGreen
More like GAY-gentGreen
More like GAY-gentGreen
Posts: 2706
Joined: Mon Apr 07, 2003 6:59 pm
Location: Waiting in the sky
Has thanked: 0
Been thanked: 0

Post by AgentGreen »

I have a slim idea but I'm so out of practice with HTML it will take me a while to figure out.
Image
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

Post by hearld500 »

Anyone? There has to be a way to do it....
User avatar
not just souLLy now
DCEmu Respected
DCEmu Respected
Posts: 4069
Joined: Sun Jun 13, 2004 5:53 pm
Location: UK
Has thanked: 2 times
Been thanked: 3 times

Post by not just souLLy now »

the easiest way would be to set the background of the page as the animated gif, then make a table of 100% width and height with no border. the cell itself should align center horizontally and vertically.

i can post code if you can't figure it out.
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

Post by hearld500 »

Yeah, soully, that would be great if you could do that. I've have little experience with html. :cry:
User avatar
not just souLLy now
DCEmu Respected
DCEmu Respected
Posts: 4069
Joined: Sun Jun 13, 2004 5:53 pm
Location: UK
Has thanked: 2 times
Been thanked: 3 times

Post by not just souLLy now »

Code: Select all


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>

<style type="text/css">
body {
	background-image: url(http://img397.imageshack.us/img397/6106/bg23xy.gif);
}

</style>

</head>

<body>
<table width="100%" height="100%"  border="0" cellpadding="0">
  <tr>
    <td align="center" valign="middle">
	<img src="http://img36.imageshack.us/img36/8513/tunnel4mh.jpg">
	</td>
  </tr>
</table>
</body>
</html>

try that...
SomberStrekking
DCEmu Freak
DCEmu Freak
Posts: 81
Joined: Fri Dec 09, 2005 11:40 am
Location: About to make you go POP
Has thanked: 0
Been thanked: 0
Contact:

Post by SomberStrekking »

that should work but since your going to use a style sheet use the style sheet to change your text color headers font blah blah blah don't just use it for your background...

example...

body { background-color: #000000; font-family: Lucida Bright , Helvetica, sans-serif; color: #66ff33; font-weight: bold }
a:link { color: #ccff99 }
a:visited { color: #336633 }
a:hover { color: #ccffff }
a:active { color: #00ff99 }
p { font-family: Lucida Bright, Arial, sans-serif; color: #99ff33; }
table{ font-family: Centaur; color: #99cc66; font-weight: bold }

this is one i've made and used a while ago just change some of the factors to how you want and use it for more then the background...
BLAH
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

Post by hearld500 »

This is actually for my myspace site. That code only puts in in the box where ever I paste that code.
User avatar
greay
DCEmu Ultra Poster
DCEmu Ultra Poster
Posts: 1938
Joined: Wed Jan 21, 2004 10:59 am
Location: 24 hours from Tulsa
Has thanked: 0
Been thanked: 0
Contact:

Post by greay »

Why in God's name would you want an animated background? Matters of taste aside,

Code: Select all

<style type="text/css">
body {
	background-image:url("http://img397.imageshack.us/img397/6106/bg23xy.gif");
}
#back {
      position: absolute; margin-left: auto; margin-right: auto;
      z-index: -1;
}
</style>

<div id="back"><img src="http://img36.imageshack.us/img36/8513/tunnel4mh.jpg"></div>
That might work.
I'm a lone wolf looking for trouble.
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

Post by hearld500 »

Nope, didn't work. Same thing happened as before. :(
User avatar
greay
DCEmu Ultra Poster
DCEmu Ultra Poster
Posts: 1938
Joined: Wed Jan 21, 2004 10:59 am
Location: 24 hours from Tulsa
Has thanked: 0
Been thanked: 0
Contact:

Post by greay »

Ahh. What you're saying is the background image works (the animated one), but the tunnel graphic is stuck in whichever content box you put the code?

Hmm. I'm not sure how to get the second image outside of the content-block. Have you seen any examples of what you want to do on Myspace?
I'm a lone wolf looking for trouble.
User avatar
hearld500
DCEmu Ultra Fan
DCEmu Ultra Fan
Posts: 3061
Joined: Mon Apr 21, 2003 8:33 pm
Location: In a van, down by the river.
Has thanked: 0
Been thanked: 0

Post by hearld500 »

Yea, thats exactly what it's doing. I havn't ever seen an example of this though on myspace. : /
User avatar
greay
DCEmu Ultra Poster
DCEmu Ultra Poster
Posts: 1938
Joined: Wed Jan 21, 2004 10:59 am
Location: 24 hours from Tulsa
Has thanked: 0
Been thanked: 0
Contact:

Post by greay »

I'm sure there's a way to do it, but I'm not sure what that is. It looks like using "position: fixed" instead of "position: absolute" would work, but neither IE nor Netscape 6 support that, so it's probably to be avoided.
I'm a lone wolf looking for trouble.
SomberStrekking
DCEmu Freak
DCEmu Freak
Posts: 81
Joined: Fri Dec 09, 2005 11:40 am
Location: About to make you go POP
Has thanked: 0
Been thanked: 0
Contact:

Post by SomberStrekking »

hearld500 wrote:Yea, thats exactly what it's doing. I havn't ever seen an example of this though on myspace. : /
ehhh theres a way to do it find the myspace editor that does it it has a little graphical way of doing i just lost the link tho damn it...
BLAH
Post Reply