My mascot wants to be part of the theme ;-)

[Rallendk]

Hey there. Didn't know which title was appropriate - so I tried this one

I am in the middle of modifying a theme. At the moment it looks like the first attached file (editing).

The white field in the middle is made by having a top background, a middle background that repeats, and a bottom background to close it off.

Now I would like to add my mascot to the lower right corner like in the second attached file (editing2).

How do I do this? I mean - if I just make the bottom background 500 pixels and add him to it, then it will move the bottom 500 px's towards the bottom.

Any suggestions are appreciated!
Thanks.

[devilsown]

hehe, i am just the right person for this answer

Take a look at my site. http://www.devilsowninjection.com/
this is my dev site so will be up and down as i jack with the template.

Put a div at the end of your footer block.

This is what calls mine up.

I am using sprites something you might want to do it the normal way. I am in the attempt to cut down all the extra stuff to make it load quick.
Your should look like this.

Put this in your css. and play with the numbers to move it around on the screen
this will always put it x from the bottom and y from the right which even with more stuff above it these values should not change.

 
#footer .cartoon{position:absolute; right:-25px; bottom:-53px;}

[Rallendk]

hehe, i am just the right person for this answer

Take a look at my site. http://www.devilsowninjection.com/
this is my dev site so will be up and down as i jack with the template.

Put a div at the end of your footer block.

This is what calls mine up.

I am using sprites something you might want to do it the normal way. I am in the attempt to cut down all the extra stuff to make it load quick.
Your should look like this.

Put this in your css. and play with the numbers to move it around on the screen
this will always put it x from the bottom and y from the right which even with more stuff above it these values should not change.

 
#footer .cartoon{position:absolute; right:-25px; bottom:-53px;}

Thanks mate! needed to set position to relative though, but I got the point!

[htech]

shit dude!!!! love your site @ devilsown!!!!

[devilsown]

Thanks, its coming around. got afew more things to touch up and i am going to try and go live with it.

[htech]

looks really cool tho man!
how'd u get all the pictures/graphics to fit in with everything?

do u know how to put an html box on the far right (middle) of the screen? like where your devil is but more up