style_system | Subtitles in Transmogrified

That isn't a css thing, the journal subtitle isn't called by Transmogrified at all; it doesn't appear in the html. What you would need to do is make a theme layer that adds the subtitle to your header. If you want to try that, I'll look up which function you need to paste in; it shouldn't be too complicated.

Oh wow, ok. I'm a complete beginner to customization but I'd definitely be interested in trying that. If you could lend a hand, I would be extremely grateful. :) Thank you!

ETA: Bugger! The anchor tags were, of course eaten. Let me try to put code tags around that...

ETA2: ...I really hate this about our journals. Okay, I'm adding spaces to the anchor tags; you will have to take them out or your title won't link properly!

As Adalger says, it's the Page::print function you will need to copy and paste. If you look at the code of Transmogrified here, it's the very first thing called a "function", right after all of the properties. You will need to copy that function (from "function" down to the last "}" before the next function) and paste it into a theme layer.

To make a theme layer, go to Advanced Customization and click on "Your Layers" down at the bottom. Now go to the bottom of the Layers page to "Create a layout-specific layer". Set the dropdowns to "theme" and "Transmogrified" and hit create. The page will reload and now, in the table under Your Layers will be an unnamed theme layer. Hit the "edit" button next to that.

Now you're in a weird looking page with three windows. In the biggest window (top right) paste the Page::print function. Hit "Save and Compile" up at the very top.

Now you need to edit the function just a little. Look down a bit to where it says:


    """
                < a name="top" >
    """;
    $this->print_global_title();
    """
                < /a >
            
    """;

You will want to edit that, adding the code """; $this->print_global_subtitle(); """ underneath the < /a > for $this->print_global_title();. So the section will now look like this:


    """
                < a name="top" >
    """;
    $this->print_global_title();
    """
                < /a >
    """;
    $this->print_global_subtitle();
    """
            
    """;

Save and Compile again. Now hit the back button until you get out of the gray page! You'll need to go to the Select Style area and select your new layer as the Theme you are using. The easy way to find it is to hit "Your Custom Layers" in the side navigation.

Edited 2009-07-24 19:38 (UTC)

Thank you very, very much for your clear instructions. :) My journal now has a subtitle! I am so grateful right now. :D

My pleasure!

Let me introduce you to the HTML-for-LiveJournal Modification Tool. It's a life saver :D

Ha! *adds this to her browser bar* Thanks!

Oh wow, everybody is fast. The theme layer should be a bit like this:

layerinfo "type" = "theme";
layerinfo "name" = "Transmogrified Subtitled";

function Page::print()
{
    """
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>""";
        $this->print_head();
        $this->print_stylesheets();
        $this->print_head_title();    
    println "</head>";
    $this->print_wrapper_start();
    $this->print_control_strip();
    """
            <div id="container">
            <div id="header">
    """;
    """
                <a name="top">
    """;
    $this->print_global_title();
    $this->print_global_subtitle();
    """
                </a>
            </div>
    """;
    $this->print_module_section("one");
    """
            <div id="wrap">
            <div id="content">
    """;
    $this->print_body();
    """
            </div>
    """;
    $this->print_module_section("two"); 
    """
            </div><div style="clear:both;"></div>
        </div>
        <div id="footer">
    """;
    $this->print_module_section("three");
    """
        </div>
    """;
    $this->print_wrapper_end();
    """
    </html>
    """;
}

Or is it better in a user layer?

Edited 2009-07-24 19:33 (UTC)

Thanks for the enormously speedy response, everyone!

To

firefoxfey: I should be the one asking you to be patient with me. ;) I have never worked with custom layers before and I'm afraid I don't really know how to go about starting. Do I just create a new layer and paste this information in?

I think

branchandroot has the instructions about creating new layers. You can use mine as a complete copy paste, and then come back when it's created and I'll see if I can't give instructions on hooking it up to your current theme.

Unfortunately, I already sort of jumped the gun, applied the layer, and then belatedly realized that would remove my custom theme. I've managed to get it back though, without too much hassle, but thanks for your offer!

If you already have a custom theme, you can just add the function in the one I gave to your current one!

You know, that's a good question. I've always used a theme layer for it; I don't know whether a user layer will let you change this stuff!

I have no clue myself--I think it might not, but I haven't tried yet. I *think* theme layer is the proper place.

I'm fairly sure theme is the right place. As I recall (though I can't find documentation at the moment), you simply can't put functions into a User layer.

You can definitely put functions in a user layer, but it's a bad idea, as it would get rewritten the next time you use the wizard to modify something.

It's always better to put it in a theme layer, because the next time you modify something using the wizard, the user layer is rewritten, losing all your modifications :)

Is there a good guide to this stuff? I really should get caught up, since I'm doing some styles work.

Nothing official, alas. The S2 documentation is pathetic right now, though I know it's one of the goals of the Dreamwidth style team. That said,

kentucka has done some great basic tutorials.

Also--the weirdest thing is Transmogrified has CSS styling for h2 in the #header, but it doesn't appear. I'm wondering if we can't just add it in to the base style itself.

That is weird. It must have been meant to be included at some point. If the print_global_subtitle is added to the Transmogrified layout layer, the styling should just take effect, then. That's good!

Yeah, the styling is there:

	#header h2 {
		padding: 0 20px 20px 20px;
	}

A bit more padding than I like, but it's very much useless if the subtitle is never printed! I could make a patch for this insanely easily and maybe

afuna could review and check it in and it'd go out next code push.

This isn't a CSS issue, it's an issue within the Transmogrified style itself. The style never calls the function that prints the journal subtitle, so it's just not availlable. To get the theme to print the subtitle, you'd need to use the advanced customization area, and create a custom layer to override the Page::print() function.

The basic idea is, you create your own private version of Transmogrified, then go tinker with the style code to make it do what you want it to do.

Unfortunately CSS won't help you here. I'm not sure why it's not just in the style to begin with and have contacted the styles team about it; we might be able to just add it in.

In the meantime, I *can* tell you how to do it using layer overrides, if you're willing to be a little patient with me, since I've never instructed anybody in how to do it before. But I've gotten it working myself.

Everyone,

This is the fastest response I've ever gotten to a question online! For a while there, I couldn't keep up. ;) Thank you all for taking the time to help me out and point me in the right direction.

Subtitles in Transmogrified

no subject

no subject

no subject

Whoot!

Re: Whoot!

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject