Quick CSS / S2 questions!

[jewelfox]

1. CSS: How do I get the main title / header on my journal to align with the white boxes that make up most of the layout? There's some kind of offset that I can't figure out how to control, even after looking at this, and it's there in both IE and Firefox.

2. CSS: How do I make list items and the numbers / bullet points appear on the same line? Right now they're appearing on separate lines in the Fruit Salad theme for some reason. Heh, and this one. >_>

3. S2: How do I turn that title / header into a link to my Recent Entries page?

4. S2: How do I add a "Share to Tumblr" link to the usual "add memory" / "share this entry" / "track this" buttons?

Many thanks in advance, and for answering the other questions I keep pestering everyone with :)

Comments

[marahmarie]

4. Maybe try a variation of this: http://style-system.dreamwidth.org/21823.html

(I did; you can see the result of it on my DW at this username. Only one problem with it that I know of - according to matgb it's not supposed to print on locked friend's entries on your Reading Page but it does. I have let him know about this but he's never responded.)

[jewelfox]

Ah, that's unfortunate :\

I'm pretty sure my readers are mature enough not to abuse that function, but it would be nice if that were added in. Unfortunately I don't know S2 well enough to fix that.

Thank you for the link :) Do you have any suggestions for where I should look to find out how to mod my header into a link to the Recent Entries page?

[marahmarie]

Yes, I do; you can swipe my code for that (it's a mod of something carriep63 long ago helped me do on LJ):

function Page::print_global_title() {
        if ($.global_title) {
                """<h1 id="title">
<span><a href="YOUR DW'S URL HERE" title="YOUR HOVER TITLE TEXT HERE">YOUR JOURNAL NAME HERE</a></span></h1>""";
        }
}
function FriendsPage::print_global_title() {
        var string title = $.friends_title ? $.friends_title : $.global_title;
        """<h1 id="title">
<span><a href="YOUR READING PAGE'S URL HERE">$title</a></span></h1>""";
}

function Page::print_head_title() 
{
    if ($this isa FriendsPage) {
        print """<title>""" + $this->view_title() + $*text_default_separator + $.global_title + """</title>n""";
    }
    elseif ($this isa RecentPage) {
        print """<title>""" + $.global_title + $*text_default_separator + $.global_subtitle + """</title>n""";
    }
    else {
        print """<title>""" + $this->view_title() + $*text_default_separator + $.global_title + """</title>n""";
    }
}

You can see how I have my journal URL and title, Reading Page URL and my hover text set up here:

http://www.dreamwidth.org/customize/advanced/layersource?id=116552&fmt=html (I've set it to be viewable to everyone).

I'm not great with troubleshooting or changing the s2 so much, so if you run into any issues with it you might want to make a new top-level post for more help. Good luck. :)

(Also, as I'm sure you can probably tell by looking, and also to ed-ah-mah-cate anyone else reading, any URL in the above code can be changed to point to wherever, but you'll want to change any descriptive text and hover text as well so as not to confuse people about to click on those links).

[jewelfox]

Ah, thank you :)

[marahmarie]

You're welcome! :)

[marahmarie]

I'm pretty sure my readers are mature enough not to abuse that function, but it would be nice if that were added in. Unfortunately I don't know S2 well enough to fix that.

Ah, I see what you're saying - I'm not sure if it prints on your friend's/subscriber's Reading Pages! I *do* know that it prints on my own Reading Page, both on my friend's/subscriber's public and access-locked posts, but (everyone has to take my word on this, so imagine my hand on a Bible or whatever it is floats your boat) I don't abuse that function. :)

[jewelfox]

Do you know any way of fixing this? I was thinking I could do it with CSS selectors, like "child of" ones.

[marahmarie]

For my specific version of the code, I'd add this to my custom CSS:

.page-read .security-protected .share{display:none;}


Also, fairly big caveat, the source code will still show those links. If you really want them gone maybe you could make a new top-level post to this community; it's probably just a few more lines of s2 to hide them.