style_system | Display usernames and comms under icon on Reading Page in Flexible Squares?

You're viewing

style_system
Create a Dreamwidth Account Learn More

Reload page in style: site light

kitters posting in

I hope this is okay to post!

Hi, I just came over from LJ, and over there, I was using the Flexible Squares base layout. Thanks to this tutorial, I was able to install the layout on my Dreamwidth as well. It has worked perfectly, but I've found one problem: the usernames and comm names aren't showing up under their respective icons on my Reading Page, like so on my Livejournal friends page.

In the tutorial, this issue was addressed, but there's nothing in my CSS that could possibly hiding the usernames. I even added the line display: yes; under the .userpicfriends a section in my custom CSS, and it still didn't fix it. >__<; Do I have to edit something in that ummm, compiler thingy? I still haven't quite figured out this whole layers thing either, so I'm sorry!

I didn't see a tag for this layout, so I hope someone can help me since I'm kind of at a loss. ;__; Thanks in advance!

Current Music: Slaves For Life by Amaseffer

Tags:

Flat | Top-Level Comments Only

From:

kitters

Well, it made sense until I tried to find exactly where that string is that I have to edit. XDDD I'm completely lost when it comes to this whole "layers" and compiler thing. Can you walk me through? I'm only used to dealing with CSS over at LJ. >__<;

From:

foxfirefey

Okay, so, go to this page:

http://www.dreamwidth.org/customize/advanced/layers

Find the layer that you added according to the tutorial, it'll have a Type of "layout". Click the edit button.

The lines you are going to want to find are in these sets of lines:

function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor)
{
    """<a name="$e.journal.username$e.itemid"></a>""";
    $e->print_linkbar();


    # Userpic

    var string userpic = "";
    if ($*show_entry_userpic)
    {
        if ($p.view == "friends" or $p.view == "entry" or $p.view == "reply")

And:

            if ($p.view == "friends" or $p.view == "entry" or $p.view == "reply")
            {
                var UserLite linkto;
                $linkto = $e.poster;
                #print "$e.poster.username";
                """<br /><a href=\"""" + $linkto->base_url() + "\">";
                 "<font color=\"$fgcolor\">$linkto.username</font></a>";
            }
            elseif ($p.journal_type == "C" and $p.view == "recent")
            {
                var UserLite linkto;
                $linkto = $e.poster;
                #print "$e.poster.username";
                """<br /><a href=\"""" + $linkto->base_url() + "\">";
                 "$linkto.username</a>";
            }
            if (($p.view == "friends" or $p.view == "entry" or $p.view == "reply") and $e.poster.username != $e.journal.username)
            {
                    var UserLite linkto;
                $linkto = $e.journal;
                """<br />[<a href=\"""" + $linkto->base_url() + "\">";
                 "<font color=\"$fgcolor\">$linkto.username</font></a>]";
            }

And:

        print safe "<a href=\"$.post_url\">"+($p.view == "friends" ? $*text_post_comment_friends : $*text_post_comment)+"</a>";
       }

You want to replace the "friends" parts (the ones inside quotes) with "read". (Yeah, keep the quotes.) Then hit the save & compile button at the top, hopefully it will save, and then your style should be working right.

From:

kitters

Oh man, this worked perfectly! Thank you so much! It just pushed the userpics over to the right, for some strange reason. But nothing a little margin tweaking won't fix. XD Thanks again!

From:

foxfirefey

Great! If you ever get a paid account and want to use your network page (ie, the friendsfriends equivalent on LJ), let me know and I'll walk you through fixing it to work on that, too.

From:

kitters

Thanks! I really appreciate that. <3

From:

turlough

If you could tell me how to fix that it would be awesome. I've tried to fix it on my own but didn't get very far and since I don't use the network page very much I haven't bothered to ask about it. But since you're offering I couldn't very well let it go :-) So, please tell me?

From:

foxfirefey

Those instructions got added to the original instruction post--basically, when you have $p.view == "friends" you'd replace it with (I am gonna add parens here just in case to make the grouping right if it doesn't work lemme know):

($p.view == "read" or $p.view == "network")

And so on, so forth.

$.view == "friends" will be:

($.view == "read" or $.view == "network")

$p.view != "friends" will be:

($p.view != "read" and $p.view != "network")

If you already put the "read" ones into place, replace them with the parenthetical ones given.