HELP

[deadlyscarlet]

I know there are lovely people who are one million times clever than me. So I am begging to please help me. I want to add a banner image to my layout. I have been trying all morning with CSS but it just doesn't work. Only a small part of the image seems to appear. My brains are totally screwed and I am tired. So can some help me? *puts up the best puppy dog face*

-Scarlet

Comments

[darkmyvpleasure.livejournal.com]

Since it's TOO late where I live, *cough*too early*cough*, and I'm all tired, I might have messed up the code. But try this one:

.headerimage {
position: relative;
margin: 0 auto 0 auto;
width: 0px;
height: 0px;
background-repeat: no-repeat;
background-image: url(link);
}

Where px add the image's pixels and where link, add it's link. Hope this works with your style. :3

[deadlyscarlet.livejournal.com]

Thanx a million sweet heart u r a life saver..

And your code was perfect..

I only had to add one extra line for centering the image tats all..

Once again thank u ^^

[darkmyvpleasure.livejournal.com]

You're welcome. :3

I'm glad I got it right.

It looks better now that you have a pic up there. Catches the eye! ;3

No prob.

[toesjah.livejournal.com]

Ah could you help me too? I use tinypic to upload my pictures so my link might be different from yours, so I honestly don't get it how you do this..

I posted mine in a sticky post now, but I would also like a normal banner.

[darkmyvpleasure.livejournal.com]

No, it's still the same link as long as the image is already on internet somewhere. Right-click on the image, select 'copy image location' and paste it on the part where it says 'link' in the code. It should work. And don't forget to add the px for it won't work otherwise.
You know how to edit the Journal Style, right?

[toesjah.livejournal.com]

Ah I figured out how to do this xD Thanks a lot =D

[anknick.livejournal.com]

I think my brain's just too fucked up right now.. i was wondering the same..
where do you put this code.. and how.. ?
Ugh..

[darkmyvpleasure.livejournal.com]

I'm not sure if the code works with minimalism (the type of layout you're using) but it works with Smooth Sailing and Flexible Squars (the type I am using). The style is written under each layout in Journal Style> Select a New Theme.

You paste the code in the Custom CSS box. Go there by Journal Style> Customize Selected Style> Custom CSS. You have to turn the one option of 'YES' to 'NO' on that page and copy-paste the code in the box. Where 'px',it's pixels and you type the image's pixels there. The image must be on internet somewhere already and the link goes in the parenthesis where 'link' is located.

I'm not sure if it will work without a custom layout but as it seems, deadlyscarlet already used it without one and it worked. But still, she and I have Flexible Squares. If the code does not work with Minimalism, you'll have to choose a layout of Flexible Squares for it to work because I don't know the codes in Minimalism at all.

[anknick.livejournal.com]

Ahh.. Thank you very much.. I think i get it now.. I'll mess around with this tomorrow.. XDD Because its quite late now.. >_>

[darkmyvpleasure.livejournal.com]

lol I like to mess with mine as well. That's my sometimes there's a big white sheet on my journal. xD Good luck with it though~ It's late here too... :3