Headers to pics Options

[caleb4992]

are there codes to change headers like About me,i'd like to meet,Friend space and stuff like that to an image?

[Mickey]

Try this code:

CODE

<style>
.orangetext15 {background-image:url("URL");}
</style>

Just replace URL with the url of the image you want.

[caleb4992]

no i meant change the headers individualy

[nikx618]

you can hide them all,
then just make your own text.
that would work.

[Mickey]

You can't change them individually because they're all the same class: orangetext15. If you change one, you change all of them.

But yes, Niko's suggestion would work. Use this code to hide them all:

CODE

<style>
.orangetext15 {visibility:hidden; display:none;}
</style>

Then, you can just design your own headers that will replace them.

[fixtatik]

you can do them individually by telling which table cell they're in, like so:

CODE

<style>
.blurbs .orangetext15 { background:url(IMAGE LINK); display:block; height:##px; width:##px; }
.friendSpace .orangetext15 { background:url(IMAGE LINK); display:block; height:##px; width:##px; }
.friendsComments .orangetext15 { background:url(IMAGE LINK); display:block; height:##px; width:##px; }
</style>

the only problem with doing it for your About Me title is that the ".blurbs .orangetext15" is going to change the "about me" and the "who i'd like to meet" headings. you can fix it by doing something like nikx618 said: hide it and put an image at the top of your about me text.

you can hide it with .blurbs .orangetext15 { display:none; }

[caleb4992]

its not working i'm getting this

[Mickey]

Add the bolded parts to the code Fixtatik gave you.

CODE

<style>
.blurbs .orangetext15 { background:url(IMAGE LINK); display:block; height:##px; width:##px; font:0px; letter-spacing:-5px; }
.friendSpace .orangetext15 { background:url(IMAGE LINK); display:block; height:##px; width:##px; font:0px; letter-spacing:-5px; }
.friendsComments .orangetext15 { background:url(IMAGE LINK); display:block; height:##px; width:##px; font:0px; letter-spacing:-5px; }
</style>

See if that takes care of the words.

[caleb4992]

thanks works like a charm...you guys are so helpful and solve a lot of my html wonders

kudos to anarchy and fixtatik