(no subject)

[gadgetqueen]

I'd like to add an image header to my page.

Unfortunately, I can't find any documentation to the point of even the preferred size of one. Looking at http://www.dreamwidth.org/customize/options?group=images just asks for an image.

Is there documentation for how this works, what preferred/allowed sizes of headers are, anything of that nature?

Comments

[foxfirefey]

I have a couple questions for you:

* What image are you trying to add?
* How do you want it to work out?

[gadgetqueen]

I haven't even created an image because I don't know what's possible/allowed by the system.

I'd like it to just replace what's present.

[gadgetqueen]

OK, so I threw this together quickly: http://geoffdepew.com/dreamwidth/dwheader.png

800x200, png. Not wedded to it, just something tossed together so I can get an idea of what's possible with a placeholder.

[gadgetqueen]

OK, so I threw this together quickly: http://geoffdepew.com/dreamwidth/dwheader.png

I'd like to replace what's there, without the current text. I don't want to get into Deep Style Magic.

OK redone:

1200x200, png. Also, using the Nightfall theme from the defaults.

The way it is on my main page it's... apparently starting to replicate itself, despite what I did with the CSS that should be working based on some of the things here:

#title span { display: none; }
#title {
width: 1200px;
height: 200px;
background-image: url(http://geoffdepew.com/dreamwidth/dwheader.png);
background-repeat: none;
}

[tyger]

As far as I know you can add anything you want, in .gif, .jpg or .png formats; everything else is personal preference. If you just want a single-image, not a tiled thing, it'll depend on what sized browser you want to optimise your layout for, too.

[gadgetqueen]

The thing is that I want it to replace the entire header, including the text, and as noted above it doesn't seem to work even with everything I've tried to track down.

[tyger]

You have to display: none; the text classes, which are standardised in all but one layout, I think, so it should be
h1#title {display: none}
h2#pagetitle {display: none}

(You're using Nightfall for Fluid Measure, right? It's best to give the layout type not the theme name. Which probably isn't the right terminology either, but! *flails* The one where the layout changes, not the colours. Yes.)

*scrolls up* Oh, right. Well, it looks like it should work, and I went to your journal and it seems to work? It's a really really wide header image; even with my browser maximised there's a twenty, thirty pixel overflow? Something like that. But it looks fine other than that, to me, uh. Is there sommat in particular you wanted?

(Also hiiiii. |D I know that URL. Small world~~)

[gadgetqueen]

Yeah, it's 'Nightfall by dancing_serpent for Fluid Measure', still getting used to things.

I'm futzing a bit to learn. And I changed the height to 190px and the repeating stopped happening.

....where do I know you from? o.o

...oh, wait, THERE'S where I know you from!

[tyger]

*nods* Yeah, that makes sense!

Huh! Weird. Of course, almost all my CSS I've learned from futzing, so. *laughs*

|D I'm not subtle!