halp: adding banner & cbox?

[ex_kakkoi994]

Hey!

Hopefully I haven't screwed this up too much. This is my first time posting here and my first time editing anything on dreamwidth.

Here is my community. I was wondering how could I get an image banner over top of the "recent entries", "friends' entries", etc. bar at the top. I can't get it to work no matter what I attempt to do.

Second question is: would it be possible to add a cbox to the layout?

It would be a cbox hosted by cbox.ws. I would like it to be on the side, preferably underneath the description. I'm generally really good at working out css since I do a lot of forum design but dreamwidth is a totally new beast to tame.

Thanks for all the help, guys.

Comments

[sharpiefan]

Paste this code into the Custom CSS box, replacing the text and numbers with your banner URL, any padding you want above it and the height of your banner plus extra padding if you want space below it.

#canvas {
margin-top: 10px;
background-image: url(URL OF YOUR BANNER HERE);
background-repeat: no-repeat;
background-position: top center;
padding-top: 260px;
}

Replace the numbers of px with the padding you want (where I have 10px) and the height of your banner (where mine's 260px.) I also added 10 px to the banner height to give a margin below it - the actual banner on mine is 250px.

And I don't think it's possible to have an interactive cbox embedded in a DW journal; I tried for a community for my own RPG. DW has disabled Flash, as a security risk (or at least, they did have it disabled at one point, and I don't know that they've re-enacbled it)

The best I can suggest is that you have a link to your cbox so your RP members can have it open in another tab if they want to?

[ex_kakkoi994]

Thanks for the tip about the cbox.

As for the css code ... didn't work. No matter what I do, no image will show up. I even inspected the element on your page, copied the code verbatim, and it still didn't work.

[sharpiefan]

Don't know, then. Somebody else will be able to take a look and see what to put in where. There are some pretty savvy coders and all round here.

[ninetydegrees]

The code won't work because you're not using a Dreamwidth style. Would you using .pageheaderblock instead of #canvas? That seems to be the selector you want.

[ex_kakkoi994]

It worked!! Thank you very much.