sovay: (Sovay: David Owen)
sovay ([personal profile] sovay) wrote2016-06-06 05:27 am

You can call out me mother, me sister and me brother, but for Christ's sake don’t call me

Right. End of an era. After a vain month of waiting for LJ-support to get back to me about the problems with the now-unsupported style Refried Paper, I have changed my livejournal style for the first time since I started this thing at the very end of 2004. I wasted about two hours tonight trying to make the new one resemble my dear dead style as much as possible in color, font, and layout, but I didn't have the coding proficiency to make it look anything but awkward. So, scaling back, does anyone have suggestions on the following tweaks: wider margins, no underlining of links, and current music listed directly under post title? The new style appears to be called "Army Attire." It may well change again.
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-06 09:35 pm (UTC)(link)
Unfortunately [livejournal.com profile] ljstyles and [livejournal.com profile] layout_lounge are both defunct. But these posts might be useful:

http://s2howto.livejournal.com/48865.html
http://astolat.livejournal.com/139067.html

You're using an S2 style now, right?
Edited 2016-06-06 21:35 (UTC)
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-06 11:55 pm (UTC)(link)
If you go here:

http://www.livejournal.com/customize/advanced/layers.bml

Click "Edit..." next to your layout (it should say "Child of Smooth Sailing"), copy the code, paste it into a plain text (.txt) document, and send it to me, and I'll see if I can tweak it for you. It's been a while since I poked at LJ style code, but I used to be pretty proficient.
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-07 12:18 am (UTC)(link)
Sorry--I meant that I would try to do the tweaks you were asking about in the original post. I did identify the issue with astolat's style--there's a weird thing in the CSS that says "if an image isn't an emoji, it should be 0x0 px"--but I haven't yet figured out how to fix it.

EDIT: AHA. Here's how to fix the Refried Paper issue:

1) Install the Stylish browser extension.
2) Create a new style for sovay.livejournal.com.
3) The entirety of that style should be as follows:

.entry IMG:not(.emoji), .s2-entrytext IMG:not(.emoji) {
max-width: 600px !important;
}


If that makes images too wide, you can change the value to whatever you like.
Edited 2016-06-07 00:31 (UTC)
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-07 04:59 am (UTC)(link)
By "create a new style" I mean to do that within Stylish--sorry that wasn't clear! Once the Stylish extension is installed, you'll see a little "S" icon at the top of your browser window. Load up sovay.livejournal.com, click on the "S" icon, and select "Write style for: sovay.livejournal.com". A new window will open. Copy the code from my previous comment into the "Code" box, give the style a name of your choice, and click "Save". Refresh your journal and all your icons should be back (assuming you've switched back to Refried Paper or astolat's version).

Also, this style appears to be a good port of Refried Paper into S2:

http://s2styles.livejournal.com/127221.html
Edited 2016-06-07 05:00 (UTC)
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-08 06:45 pm (UTC)(link)
No worries, happy to help as much as I can! Yes, create a new top-level layer of the type "layout".
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-08 07:27 pm (UTC)(link)
I'm so glad!
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-08 07:51 pm (UTC)(link)
Since you didn't create the layout, you can't edit it, but you can get the raw source code here:

http://www.livejournal.com/customize/advanced/layersource.bml?id=8013072

and then make a top-level layout layer of your own with that code, and then poke around the code to your heart's content.

For using post titles as links, I think this is the bit of code that outputs that part of the entry:

<td class="dateheader"$screenedfg>$*text_subject</td>


So you could try replacing that td line with

<td class="dateheader"$screenedfg><a href="$.permalink_url">$*text_subject</a></td>


I can't promise that will work, but it's worth trying.
Edited 2016-06-08 19:54 (UTC)
rosefox: Green books on library shelves. (Default)

[personal profile] rosefox 2016-06-08 08:39 pm (UTC)(link)
Ah, I thought something like that might happen, but it would take some poking around for me to fix it, and my arms are kind of useless right now, so I have to save them for work. :( But good luck with it!

[identity profile] ladymondegreen.livejournal.com 2016-06-09 08:44 pm (UTC)(link)
Based on my reading of the code, I think the problem may be in this line:

1366:
[Error: Irreparable invalid markup ('<td $screenedfg>') in entry. Owner must fix manually. Raw contents below.]

Based on my reading of the code, I think the problem may be in this line:

1366: <td class="dateheader"$screenedfg><a href="$.permalink_url">$*text_subject</a></td>

I think it should be

1366: <td class="dateheader"$screenedfg><a href="$.permalink_url"$*text_subject</a></td>

[identity profile] ladymondegreen.livejournal.com 2016-06-09 08:45 pm (UTC)(link)
Also, ignore the
{Error: Irreparable invalid markup ('
[Error: Irreparable invalid markup ('<td [...] {...}>') in entry. Owner must fix manually. Raw contents below.]

Also, ignore the <I>
{Error: Irreparable invalid markup ('<td {...} $screenedfg>') in entry. Owner must fix manually. Raw contents below.}</I> That's just LJ freaking out because I didn't replace my <'s with ['s.
Edited 2016-06-09 20:46 (UTC)

[identity profile] ladymondegreen.livejournal.com 2016-06-10 06:31 am (UTC)(link)
My next step would be to try rendering line 1363 as either

if($subject !="*") {

or as

if($subject !="$*text_subject") {

or possibly even

if ($subject !="$.permalink_url") {

The thing I can't know is whether one of the data variables is gone.

The original string brings up a perfect Googlewhack, to a page about your template, but the source code isn't there anymore and I have to get on a conference call. I may chase this down later when I'm not doing QA for work.

[identity profile] ladymondegreen.livejournal.com 2016-06-10 03:50 pm (UTC)(link)
It looks like someone made an more recent version of Refried Paper here, which I'm leaving in this post as a resource.

This reference thread has some good resources for user icons in the comments, as well as discussions with [livejournal.com profile] decklin and [livejournal.com profile] idigital who developed Refried Paper for LJ (It apparently started life as a Blogger Skin called Currency by Mena Trott).

I'll keep poking the CSS in the hopes of restoring the user icons for comments and the titles for the previous entries.

[identity profile] ladymondegreen.livejournal.com 2016-06-10 04:11 pm (UTC)(link)
Further research indicates that you may need to add

}
property bool show_recent_items {
des = "Show previous entries in sidebar";

in the section that has similar values near the top of the stylesheet.

It may also be worth experimenting with setting this to false.

set view_entry_disabled = true;

Still looking at the userpic issue, but I think I have isolated the section of code. Unfortunately, I don't see anything wrong with it. I'm going to recruit an actual developer to see if I can get a second opinion, because a developer I am not.

[identity profile] ladymondegreen.livejournal.com 2016-06-10 06:25 pm (UTC)(link)
Ignore previous comment. This is the issue where they display fine in comments, but for reasons no one understands the style appends text to identify them rather than just showing them normally?

I think what's causing that is in this cluster where it says picture_keyword. Try taking out just that section (and be ready to paste it back in) and see if that fixes it? Italics are mine for emphasis.

$alttext = $poster_name;
if((not $.poster->equals($.journal)) and ($.depth == 0)) {
$journal_name = $.journal.name;
$alttext = $alttext + " posting in $journal_name";
}
if($.metadata{"picture_keyword"} != "") {
$alttext = $alttext + ": " + $.metadata{"picture_keyword"};
}

if(defined $.userpic) {
$userpic = """$alttext""";
}