Jump to content

Module Background Images


Mouseykins

Recommended Posts

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 :)

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...