Does anyone know the code to put a background for each of my modules on my userlookup?
What the backgrounds essentially are is borders for the modules. So I'll need the text inside and the majority of the image outside. Also all my module borders are different from one another.

Thanks!

 

This topic has been edited by a member of staff (Anime).
The topic was posted in the wrong area.
Please check your user inbox to see if you have been contacted regarding this topic.
Per the reason above, this topic has been MOVED from Graphics Help to Computers & Programming.

i'm trying to figure out to do a module header image haha

Well, let's see here, I could probobly code that, but I'm wondering: do you want the borders to be colors, or pictures? If pictures, do you want to see the whole thing, or is cropping it OK?

The borders are images and each module has a different border. I would like to see the entire image without cropping. just need the code to do it and i'll figure the rest out to tweak it. I'm eventually going to be entering the lookup spotlight contest.

the images Are already in the shape of the borders i assume?

yes they are. I made them in photoshop and believe me they took hours.

 

would it be easier if I had them on my main background image and then just align the modules accordingly?

Erm, uh...probobly not. Can I assume the positioning of everything in your UL will not change and that the BGs will fit snug around the boxes?

The only module that will probably be shifted is the games and trophy module. I haven't quite finished the border for that one yet. Yes the backgrounds are to fit snug around the boxes. My backgrounds are basically a picture frame for the module, the module being the picture.

Hmm...lets see here. I think I can work with this!

 

Here's the basic code for all of the modules:

<style>
#habitarium {
    position: absolute;
    right: 5px;
    left: 5px;
    bottom: 5px;
    top: 5px;
}
#frame1 {
    position: absolute;
    right: 5px;
    left: 5px;
    bottom: 5px;
    top: 5px;
    z-index: -1;
}
</style>
<img id="frame1" src="www.website.pdf">

 

Of course,

 

1) All the IDs need to be different

2) You will need to ajust the pixel amounts. leave the z index, but change the other numbers

3) I can help you if you want :D I have a nice program for checking/viewing HTML :)

Ok I'll give that a try tonight or tomorrow. what program do you use for checking/viewing HTML? I welcome the help since I'm still learning all this coding.

 

After tweaking the code you gave me I was able to get my Autobiography border aligned. Thanks for the help and I'll be sure to credit you.

OK ^_^ I use HTML-Check. It's free, and it uses a program called TIDY to check all the html. just be aware, you have to add <html>, the doctype, and other things you dont have to add on neo...oh, and FYI, nothing is aligned at all in IE. It looks very bad :( I don't know why, but I only use IE and it looks bad.

I did some more tweaking and edited my text a little bit so it did throw the alignment off and I just haven't gotten around to fixing it yet.