Modifying the Page Header

[masterslacker]

This tutorial will allow you to modify the Page Header by adding a header image, blocking the title/subtitle from appearing, or modifying the header links. Because this requires overriding functions in theme layers, it is for paid users only.

Comments

[dorwrath]

Does this also apply to bordered boxes?

Reason being I think this page should be added to the header links:

http://www.livejournal.com/users/username/tag/

[masterslacker]

Bordered Boxes already supports the header image, so you don't need part 1.

For part 2: the function is pretty much the same, except that previous/next links are somewhere else in the layout so you can remove that section, and I have the Scrapbook link there for my private layouts, and the code for that is:
# Scrapbook (picture Galleries)
if ($*layout_menubar_scrapbook) {
"""

$*text_view_scrapbook

""";
}But yes, otherwise the function is the same.

[dorwrath]

Thank you it worked :)

• example

When someone uses the above only half of the dot appears on the page. It's like half is off the entry on the left hand side. Is that meant to be that way or something that needs to be corrected?

[masterslacker]

From what I can see it works just fine. Can you point me to an actual url where it doesn't show properly?

I know that sometimes if people wrap things in

tags without putting the proper

or
tags around the list elements, the list won't be indented and all the bullets will align to the very left side of the container. Is that what you're referring to?

Help please?

[prncessothedawn]

I tried the code as you wrote it and I got an error for:

if ($headerimageurl!="") {"""

Re: Help please?

[masterslacker]

Sorry about that, I misspelled the variable name. I fixed the function now, so you'll have to recopy it.

Re: Help please?

[prncessothedawn]

No errors this time! Thanks :)

Re: Help please?

[prncessothedawn]

Oh no, one more thing...I removed the two lines in blue so my Title and Subtitle still stay there, but it removed them anyways. Should I have removed anything else to leave them as they were?

[dmodegirl]

Do you know what the css code would be to do this for a free account? Thanks!

[masterslacker]

You could do it with a free account, but you'd lose the ability to have a background image. If that's fine with you, then it is:

body { background-image: url("IMAGE_URL"); background-position: top center; background-repeat: no-repeat; margin-top: XXXpx; }

In the above code, replace XXX with the pixel height of the image you want to use, plus about 5. The greater the value, the more space left at the top of the journal for the image, so experiment until you feel comfortable with the spacing. You'll also need to specify the images full URL (eg. http://www.somewhere.com/image.jpg) where it says IMAGE_URL. If you don't want it centered, replace the word "center" above with "left".

When you enter it into the wizard, do not use any new lines (by pressing enter), or it will cause a bug in the stylesheet. I think that should be it.

Mike.

[dmodegirl]

So you can only have one or the other? That bites but solid backgrounds have purposes in life too I suppose...

Thanks!

[masterslacker]

Oh hey guess what! I looked into it, and if you use this instead:

.pageheaderblock { background-image: url("IMAGE_URL"); background-position: top center; background-repeat: no-repeat; padding-top: XXXpx; }

it also works, and you get to keep your main background. Also, if instead of .pageheaderblock you used .header-title, it will be imbedded inside the header and above the title.

Enjoy! Mike.

[mandibaby]

I wanted to center all the text at the top of the journal (just like this community). I was able to center the title of the journal and the "Previous 10 Entries / Recent Entries / Archive / Friends Entries / etc." line by adding align="center" to the
lines.

How can I center my "Recent Entries" (3rd line down) line?

[masterslacker]

In the Wizard, there is a "Header Alignment" property in the Layout tab, which will align those elements using the Stylesheet. You don't need to center them manually using custom overrides.

[mandibaby]

Whoops, I completely missed that amongst all the fun settings! Haha. Thanks!

[neths_athari]

Okay, I'm completely clueless when it comes to code.

In anycase, I've put in the code at the top, with the URL for a banner I'm gonna use untill I get around to making a specialised one and... no banner showing in the LJ.

It doesn't come up with any errors, either, so not sure what's going on.

[neths_athari]

*bangs head*

Nevermind, there was something going on some place else.