I saw that a few times now..Some had the navigation (means user info, calendar, etc) IN the header picture o_o" I looked at the graphic itself and the text was written on the picture, so I asked myself how do they do this? Sorry I can't find an example, I hope you know what I mean.

Thank you.

It's called an image map. You make the image the way you want it to look with the links on the picture and everything, then there's a code you put in to tell it to put links on top of that image at certain points.

It's a complicated process, but not if you use this. It's an online image mapper that I've been using ever since I came across it. It makes things a LOT easier.

That clear everything up?

how do you make that your header?

I'll post part of the code I used for one of my layouts:



That will position the image, and you can use that online image mapper to do the image map.

Thanks for posting, but I still can't get it to work.

Wait, ok, I think I got it! Thanks!

.:edit:. Ah, right as I posted. XD This can be closed, then.

I have afew more questions problem,

The icon is beside the header(image map), how do I change this?

I want to make the journal move to the left.

this is what it looks like: http://www.livejournal.com/users/dragonfly_11/

And here is my code:


thanks for all your help!

I got it to the side, but I still can't find how to put the icon in it's own section.

This is the code now:

Try adding these things to your code.



The div should go under all of your website tags (FRIENDS_, CALENDER_, LASTN_...), since I see you're applying it to your calender page and whatnot.



Put that Margin-top under the body in your GLOBAL_HEAD. That should fix the icon problem.

I will admit, though, that the alignment part with the image I haven't figured out with this.

For some reson, I still can't get it to work

You have to put the image in the div, else the margin-top attribute will push everything down and the image will get lumped into the first table with the icon. =\

I'm really sorry, but I'm confused, and I still can't get it. I'm really sorry about this.

Are you wanting to make the icon go away completely, or do you want it to be in its on box underneath the header picture?

Here's what I've got so far, I don't know exactly what you were wanting to do (sorry XD):

own box, under the header

Okay! XD Try this:



But the image was put in manually, so if you ever change your user icon, you'll need to change the image URL.

OMG, thank you so much!

Grrr, this is makeing me mad! Ok, this layout is for my friend, and I was making it on mine to make sure I could get it to work, however, it works fine on mine, but on hers, the header won't show up!

here is my journal: http://www.livejournal.com/users/dragonfly_11/
Here is her journal: http://www.livejournal.com/users/dream_kill3r_5/

And here is the code that is in both overrides:


Why won't it work?
All the links in the header will take you to my friends journal.

I'm so sorry if I'm being a big pain in every one's @$$ right now, and thank you for all of your help!

I just tried something, I tried to put a free premade layout on her journal that had links in the header, and it didn't show up. Does any one know why this is happening?

She needs to make sure she has a website listed in her profile. It can be anything, Google, whatever, even linking back to her journal, but something has to be there or it doesn't work. Just one of those quirks, although I guess it sorta makes since because the code is for the website portion of the code.. *shrug*

*hugs* thank you!
sorry if I've been such a pain!