Hi to you all^^

[masterglory]

Hi, I'm Gloria from Rome *waves*

I've joined DW about two years ago, but I'm starting to post only now.

So I've choose a layout "color side, red flowers", I've changed the colors, but...I don't know how to put a header on the top of my DW page:(

Can you, pretty please, explain it step by step possibly with examples how to do it?

Thank you in advance, Gloria♥

Comments

[foxfirefey]

You'll need to upload the image to some kind of image hosting--do you know how to do that or will that need to be part of the walk through?

[foxfirefey]

And another question: do you want to keep the red flowers there AND have the header, or just the header?

If you upload the image, be sure to link to it for me.

[masterglory]

I've already taken off the flowers, and I use photobucket...what I don't know is:

I have to put the banner on the customize box or in CSS?

And which link I have to use, html, direct link or...I've seen strange codes around, Em or whatever, how can I use them?

Thanks for the patience:)

[foxfirefey]

The first thing to try is here:

http://www.dreamwidth.org/customize/options?group=images

Put the URL to your banner image in the Header Image box, and tweak the options. If you can get it looking the way you want this way, that's great. If not, we will switch to using Custom CSS.

[masterglory]

Ehem, sorry...but on photobucket which one is the URL? I have these links "Email & IM", "Dirct link", HTML code" and "IMG code".

I've tried to put (one by one) all of them in the header box, I've selected "tile horizontally", "center" and I've put the right height (271), but the header doesn't show, sigh.

BTW, sorry for my bad english;)

[foxfirefey]

Your English is perfectly fine! You can give me the Direct Link, HTML code, or IMG code and I should be able to get it just fine from any one of those.

[baggyeyes]

You have a double http in your code. You will need to strip that out.

#header {
background: url("http://http://i125.photobucket.com/albums/p76/magdalene_photo/notonlytimeb3.png") repeat scroll 0 0 transparent !important;
display: block !important;
}

[masterglory]

Oh you were alright, I've deleted the double http, thanks!!!

Now I've understood almost everything...I'm using CSS box with your code, the only thing that doesn't works is the height, my banner (only a draft, it'll not be my final choose;) it shows only an half of itself in height, can you help me to set the right size?
It's 1260x300 px, thanks♥

[foxfirefey]

#header {
background: url("http://http://i125.photobucket.com/albums/p76/magdalene_photo/notonlytimeb3.png") repeat scroll 0 0 transparent !important;
display: block !important;
height: 300px;
}

[masterglory]

You're an Angel, thank you!!!! But...why my banner seems to repeat itself both on height and in width? *scratching head*

This then!

[foxfirefey]

#header {
background: url("http://http://i125.photobucket.com/albums/p76/magdalene_photo/notonlytimeb3.png") no-repeat scroll 0 0 transparent !important;
display: block !important;
height: 300px;
}

Re: This then!

[masterglory]

Thanks, you've been a great help:))))))))))))))♥