likeness

Possibly useful bugfixes and tweaks

Uh, hi guys. *looks round nervously*

With the recent LJ code changes, there are a couple of bugs in the current version of Widelines, and a couple of features available in S2 that haven't been incorporated yet. So I've had a go at tweaking the layout to fix these things, plus add a couple of features from other layouts that I like. There may well be better ways to do these things, but I'm hoping my attempts might be a useful starting point.

Collapse )

Many thanks to cmshaw for writing and maintaining Widelines, and especially for writing such clear code which is easy for a non-programmer like me to tweak! If I knew what I was doing better I could contribute more, but I'm hoping this stuff might be useful to some, especially the fix for the broken Voice posts.

Oh, and if it helps to see all this code in action, my theme layer is available. Though my theme layer contains a lot of other junk too, so might not be the clearest.
  • Current Music
    Beth Orton: Pieces of sky
Growing pains
  • cmshaw

LJ bug affecting Wide Lines

This is a bug in the LiveJournal code which handles the new subdomains; it affects the Wide Lines style when applied to a community. The new (0.9.5 and later) versions of this style have a link to the tag page in the Recent Entries header, but the location of the tag page has changed with the application of subdomains and the S2 core is not yet providing the new location. There is an automatic redirection applied to these old page locations which should load the new page location, but for community tag pages this redirection is broken.

For users of Wide Lines, this issue should be resolved without any action on your part as soon as LiveJournal fixes this bug. In the meantime, if you wish to manually fix this bug you can find and replace all instances of get_url($this.journal, "tag") in the Wide Lines code with a direct URL to http://community.livejournal.com/[communityname]/tag.
Growing pains
  • cmshaw

Wide Lines version 0.9.51: Bug fix (tags)

Bug fix:
* Tag page: Tag count includes friends-locked tags in "cloud" view.

Note that this condition still applies to the interaction of tag count and tag visibility; this bug fix only corrects an issue in 0.9.5 where friends-locked entries were not counted at all and friends-only journals died on a "divide by zero" bug creating the tag page.

To upgrade or use Wide Lines as your style: The instructions for installing version 0.9.4 may be applied again for version 0.9.51 (the "current code" link is now 0.9.51). If you use this method of specifying the Wide Lines layout directly, you have already been upgraded.

All themes created for version 0.9 or 0.9.2 will continue to work in this version.

For the historical record: Code for version 0.9.51 (10 February 2006). The code at this link will not change.

The following fuctions have been changed:
* TagsPage::print_body
Growing pains
  • cmshaw

Wide Lines version 0.9.5: New features

New features:
* Tag page support added (list and cloud formats).

The tags page (available on all journals at http://www.livejournal.com/users/exampleuser/tag) lists all of the tags currently in use. Wide Lines offers this page in two formats: a simple list, similar to the default style provided by most styles, and a tag cloud based on forresto's interpretation of del.icio.us's layout. The tag cloud shows relative tag use with sizes and colors (the colors are customizable: defaults are violet, blue, green, yellow, orange, and red) and provides most browsers with a tooltip over each tag showing the number of uses.

You can preview the two formats here: list format and cloud format.

Bug fixes:
* Recent comments link only shows when the page is viewed by its owner.
* Reply pages now show the icon bar instead of action text.

To upgrade or use Wide Lines as your style: The instructions for installing version 0.9.4 may be applied again for version 0.9.5 (the "current code" link is now 0.9.5). If you use this method of specifying the Wide Lines layout directly, you have already been upgraded.

All themes created for version 0.9 or 0.9.2 will continue to work in this version.

For the historical record: Code for version 0.9.5 (18 January 2006). The code at this link will not change.

The following fuctions have been added:
* TagsPage::print_body
* TagsPage::lay_css
The following properties have been added to the wizard interface:
* tags_linear
* text_tag_uses
* text_tags_title
* text_tags_header
* text_tags_link
* text_tags_manage
* color_tag_one
* color_tag_first
* color_tag_second
* color_tag_third
* color_tag_fourth
* color_tag_max
The following functions have changed:
* Page::lay_nav
* ReplyPage::print_body
Growing pains
  • cmshaw

How to use Wide Lines on your journal (version 0.9.4)

Consider this method of remaining always on the latest version of Wide Lines.

To upgrade your "Wide Lines" layout to the latest version:

1. Log in and go to your layers page.
2. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is a row with a name of "Wide Lines"; click on "Edit...".
3. Delete all of the text in the large text box shown.
4. Cut and paste all of the text from the current code link below into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat steps 3 and 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

Code for current version

To save the "Wide Lines" layout for later use if you have never used it before:

1. Log in and go to your layers page.
2. At the bottom of the page under "Create top-level layer" select "Type: Layout" and click "Create".
3. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is now a row with a name of (None); click on "Edit...".
4. Cut and paste all of the text from the current code link above into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat step 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

New features:
* Tag support added.

All themes created for version 0.9 or 0.9.2 will continue to work in this version.
If you are uploading "Wide Lines" for the first time, follow this link for instructions on how to upload themes for Wide Lines.

To use "Wide Lines" on your livejournal:

1. After having uploaded the layout and any themes, log in and go to your customize journal page.
2. Under "Choose style system" select "New System (S2)" and click "Change".
3. Under "Step 1: Layout" select "Wide Lines" (it will be at the bottom of the drop-down box) and click "Change".
4. Under "Step 2: Customize Layout" select any theme from the "Themes" drop-down box and click "Change" (previews are not available).
5. Click "Add customizations" to tweak settings further, if desired.

For the historical record: Code for version 0.9.4 (20 June 2005). The code at this link will not change.

The following properties have been added to the wizard interface:
* tags_aware
* text_tags
The following functions have changed:
* lay_print_thisentry
Growing pains
  • cmshaw

How to use Wide Lines on your journal (latest version)

To create a style which always provides the latest Wide Lines layout:

1. Log in and go to your styles page.
2. At the bottom of the page under "Create Style" enter "Wide Lines" and click "Create".
3. You will be taken to the Edit Style page. In the drop-down box "Layout" under "Style Layers" scroll down to the bottom of the selections and choose "Other...".
4. A textbox "Layerid" appears beside this drop-down box. Enter 4162751 and click "Change".
The drop-down box "Layout" should now read "Wide Lines (#4162751)". If it does not, repeat steps 3 and 4 to be sure that you entered the correct number into the "Layerid" box, then contact me with a comment here if it continues to fail.
5. Select a theme, if desired, from the drop-down box "Theme" which should have appeared.
6. Leaving all other boxes blank (there should be values in only "Name", "Layout", and optionally "Theme"), click "Save Changes".
7. You will be returned to the Your Styles page. In the list under "Your Styles" there should now be one named "Wide Lines". To use this style, click the "Use" button beside it. You should see this button grey out once it has been clicked.
8. You may now go to your customize page and click "Add customizations" to tweak settings further, if desired. (This page will not show that you are using the Wide Lines style, but it will be the Wide Lines customization wizard which is available.)

If you change to a different layout, you may return to Wide Lines at any time by repeating steps 1, 7, and 8.

This method of applying Wide Lines to your journal will ensure that you always have the latest release of Wide Lines; you will not have to upgrade every time there is a new version. If you would prefer to have the actual code as a layer which you can alter, select a specific version here and follow the instructions to create your own layout layer.
Growing pains
  • cmshaw

How to use Wide Lines on your journal (version 0.9.32)

Consider this method of remaining always on the latest version of Wide Lines.

To upgrade your "Wide Lines" layout to the latest version:

1. Log in and go to your layers page.
2. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is a row with a name of "Wide Lines"; click on "Edit...".
3. Delete all of the text in the large text box shown.
4. Cut and paste all of the text from the current code link below into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat steps 3 and 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

Code for current version

To save the "Wide Lines" layout for later use if you have never used it before:

1. Log in and go to your layers page.
2. At the bottom of the page under "Create top-level layer" select "Type: Layout" and click "Create".
3. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is now a row with a name of (None); click on "Edit...".
4. Cut and paste all of the text from the current code link above into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat step 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

New features:
* Friends page now produces valid HTML 4.01 Transitional and CSS.
Many thanks to nis_ for the bug report!

All themes created for version 0.9 or 0.9.2 will continue to work in this version.
If you are uploading "Wide Lines" for the first time, follow this link for instructions on how to upload themes for Wide Lines.

To use "Wide Lines" on your livejournal:

1. After having uploaded the layout and any themes, log in and go to your customize journal page.
2. Under "Choose style system" select "New System (S2)" and click "Change".
3. Under "Step 1: Layout" select "Wide Lines" (it will be at the bottom of the drop-down box) and click "Change".
4. Under "Step 2: Customize Layout" select any theme from the "Themes" drop-down box and click "Change" (previews are not available).
5. Click "Add customizations" to tweak settings further, if desired.

For the historical record: Code for version 0.9.32 (24 May 2005). The code at this link will not change.

The following functions have changed:
* FriendsPage::lay_css
* FriendsPage::print_entry
Growing pains
  • cmshaw

How to use Wide Lines on your journal (version 0.9.31)

Consider this method of remaining always on the latest version of Wide Lines.

To upgrade your "Wide Lines" layout to the latest version:

1. Log in and go to your layers page.
2. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is a row with a name of "Wide Lines"; click on "Edit...".
3. Delete all of the text in the large text box shown.
4. Cut and paste all of the text from the current code link below into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat steps 3 and 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

Code for current version

To save the "Wide Lines" layout for later use if you have never used it before:

1. Log in and go to your layers page.
2. At the bottom of the page under "Create top-level layer" select "Type: Layout" and click "Create".
3. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is now a row with a name of (None); click on "Edit...".
4. Cut and paste all of the text from the current code link above into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat step 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

New features:
* Font size defaults display properly in all browsers.
* The DOCTYPE specification now allows quirks mode, which displays scrollbar colors in Internet Explorer.
* See the notes for version 0.9.3 for more information.

All themes created for version 0.9 or 0.9.2 will continue to work in this version.
If you are uploading "Wide Lines" for the first time, follow this link for instructions on how to upload themes for Wide Lines.

To use "Wide Lines" on your livejournal:

1. After having uploaded the layout and any themes, log in and go to your customize journal page.
2. Under "Choose style system" select "New System (S2)" and click "Change".
3. Under "Step 1: Layout" select "Wide Lines" (it will be at the bottom of the drop-down box) and click "Change".
4. Under "Step 2: Customize Layout" select any theme from the "Themes" drop-down box and click "Change" (previews are not available).
5. Click "Add customizations" to tweak settings further, if desired.

For the historical record: Code for version 0.9.31 (18 May 2005). The code at this link will not change.

The following functions have changed:
* lay_print_cssbody
* Page::print
The following properties have been added:
* doctype_quirks
Growing pains
  • cmshaw

How to use Wide Lines on your journal (version 0.9.3)

Consider this method of remaining always on the latest version of Wide Lines.

To upgrade your "Wide Lines" layout to the latest version:

1. Log in and go to your layers page.
2. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is a row with a name of "Wide Lines"; click on "Edit...".
3. Delete all of the text in the large text box shown.
4. Cut and paste all of the text from the current code link below into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat steps 3 and 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

Code for current version

To save the "Wide Lines" layout for later use if you have never used it before:

1. Log in and go to your layers page.
2. At the bottom of the page under "Create top-level layer" select "Type: Layout" and click "Create".
3. In the table under "Child of layer 1: LiveJournal S2 Core, v1" there is now a row with a name of (None); click on "Edit...".
4. Cut and paste all of the text from the current code link above into the large text box and click "Compile".
If this page reloads and says "No error", continue. If it gives an error, repeat step 4 just in case a character was lost in the cut and paste, then contact me with a comment here if it continues to fail.

New features:
* Font size may now be specified through the customization wizard
* The layout code is now fully HTML 4.01 Transitional validated.
* The CSS code is validated with the exception of scrollbar colors, which are IE-specific.
* Minor bugs in the table layout and top links were fixed.

Note:
* Scrollbar colors may no longer function now that W3-valid HTML is specified. If scrollbar color is important to you, you should remain on version 0.9.2.

All themes created for version 0.9 or 0.9.2 will continue to work in this version.
If you are uploading "Wide Lines" for the first time, follow this link for instructions on how to upload themes for Wide Lines.

To use "Wide Lines" on your livejournal:

1. After having uploaded the layout and any themes, log in and go to your customize journal page.
2. Under "Choose style system" select "New System (S2)" and click "Change".
3. Under "Step 1: Layout" select "Wide Lines" (it will be at the bottom of the drop-down box) and click "Change".
4. Under "Step 2: Customize Layout" select any theme from the "Themes" drop-down box and click "Change" (previews are not available).
5. Click "Add customizations" to tweak settings further, if desired.

For the historical record: Code for version 0.9.3 (17 May 2005). The code at this link will not change.

The following functions have changed:
* prop_init
* lay_print_cssbody
* lay_print_cssentry
* lay_print_csslines
* lay_print_thisentry
* lay_print_thisentrylite
* Page::lay_print_links
* Page::lay_nav
* Page::print
* YearPage::lay_css
* YearPage::print_month
* MonthPage::print_body
The following properties have been added:
* base_font_size
* entry_font_size
* title_font_size
* header_font_size