Wide Lines
A livejournal style






Links


How to Use this Style * Click Here to Get the Latest Version of Wide Lines for Your LJ
Styles * Customization Wizard * Create layers
Wide Lines * Layout * Themes * Customizations * Report a Bug




Friday, April 7th, 2006




[cmshaw]
Friday 10:42 am
Feature information


I do not have time to add the new navigation strip to Wide Lines right now, but here is the information about doing so if other people would like to modify their layers personally. Hopefully in a week or so I'll sit down and roll this change in, and also look over livredor's suggestions....

* How to add the navigation strip to custom S2 styles


Comments: 1 comment. Leave a comment!




Monday, March 27th, 2006




[livredor]
Monday 11:10 am
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.

amateurish kludgesCollapse )

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.


Mood: helpful
Music: Beth Orton: Pieces of sky
Comments: 1 comment. Leave a comment!




Friday, February 10th, 2006




[cmshaw]
Friday 3:45 pm
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.


Comments: Leave a comment!
Tags:




[cmshaw]
Friday 2:42 pm
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


Comments: Leave a comment!
Tags:




Wednesday, January 18th, 2006




[cmshaw]
Wednesday 2:55 pm
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


Comments: 2 comments. Leave a comment!
Tags: ,




Monday, June 20th, 2005




[cmshaw]
Monday 1:27 pm
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


Comments: Leave a comment!
Tags: ,




Tuesday, May 24th, 2005




[cmshaw]
Tuesday 11:21 am
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.


Comments: Leave a comment!
Tags: ,




[cmshaw]
Tuesday 11:15 am
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


Comments: Leave a comment!
Tags: ,




Wednesday, May 18th, 2005




[cmshaw]
Wednesday 12:18 pm
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


Comments: 5 comments. Leave a comment!
Tags: ,




Tuesday, May 17th, 2005




[cmshaw]
Tuesday 4:53 pm
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


Comments: Leave a comment!
Tags: ,




Monday, May 9th, 2005




[cmshaw]
Monday 12:57 pm
Upgraded theme layer: Austere


To upgrade your "Austere" theme to the latest version:

1. Log in and go to your layers page.
2. In the table under "Child of layer [some number]: Wide Lines" there is a row with a name of "Austere"; 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.

New theme for Wide Lines (0.9.2)
* Austere
This theme is not compatible with versions of Wide Lines earlier than 0.9.2. Be sure that you have upgraded your layout before upgrading this theme.

To save a new "Wide Lines" theme (color and text) for later use:

1. Log in and go to your layers page.
2. At the bottom of the page under "Create layout-specific layer" select "Type: Theme" and "Layout: Wide Lines", and then click "Create".
3. In the table under "Child of layer [some number]: Wide Lines" there is now a row with a name of (None); click on "Edit...".
4. Cut and paste all of the text from the theme 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.

The following properties have been set:
* friends_usecolors = false
* border_thin = solid

To use "Austere" on your livejournal:

1. After having uploaded the Wide Lines layout and the theme, log in and go to your customize journal page.
2. Under "Choose style system", if "New System (S2)" is not already selected then select "New System (S2)" and click "Change".
3. Under "Step 1: Layout", if "Wide Lines" is not already selected then select "Wide Lines" (it will be at the bottom of the drop-down box) and click "Change".
4. Under "Step 2: Customize Layout", if "Austere" is not already selected then select "Austere" 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 the version of Austere compatible with Wide Lines 0.9.01 and earlier.


Comments: Leave a comment!
Tags:




[cmshaw]
Monday 12:47 pm
New features for Wide Lines


Version 0.9.2 added friend coloring to the friends page in the form of a double line to replace the single dashed line between subject and entry and between entry and mood/music/comments. The property friends_usecolors controls whether this feature is used or not; it defaults to used.

This version also adds control over the appearance of this line in these locations and in all other locations where this lighter line is used (in the links list or in the calendar, for example). Valid settings for border_thin are "dashed", "solid", and "dotted", with "dashed" as the default to keep existing behavior.

Features yet to come:
* Produce valid 4.01 Transitional HTML (chief problems: use of <h2> as a block instead of inline and use of valign="center" formatting)
* Add cursors
* Different backgrounds for the recent entries, friends, and entry pages (and other pages as well?)
* Support for imagemap backgrounds and corresponding suppression of navigation links
* Background image/color selector for LiveJournal's palimg feature


Comments: Leave a comment!
Tags:




[cmshaw]
Monday 12:44 pm
How to use Wide Lines on your journal (version 0.9.2)


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.

All themes created for version 0.9 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.

The following function has changed:
* FriendsPage::print_entry ()
The following properties have been added:
* friends_usecolors
* border_thin

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.2 (9 May 2005). The code at this link will not change.


Comments: Leave a comment!
Tags: ,




Tuesday, May 3rd, 2005




[cmshaw]
Tuesday 12:21 pm
How to use Wide Lines on your journal (version 0.9.01)


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.

All themes created for version 0.9 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.

The following functions have changed:
* lay_print_cssbody()
* lay_print_cssmove()
Many thanks to livredor and gblvr for the bug reports!

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.01 (3 May 2005). The code at this link will not change.


Comments: 7 comments. Leave a comment!
Tags: ,




Monday, May 2nd, 2005




[cmshaw]
Monday 5:53 pm
About Wide Lines and development


Wide Lines was originally submitted to lj_stylecontest in an entry here. Although this entry was not one of the top five, a recent newspost has suggested that it may be integrated as a public style at some point in the future. At this time it is still a custom style which may be used by paid users as explained here.

You are welcome to use Wide Lines on your journal. Updates may be made to the layout code; keep an eye on this community for bug fixes and new features.

You are welcome to design and post new themes for Wide Lines to this community. Please indicate in your post if you would like your submitted theme to be considered for integration with the potential public style or if you only give permission to individual users to use it.

You are welcome to design and post new user layers extending Wide Lines features to this community.

You are welcome to offer suggestions for improvements to the Wide Lines layout code to this community. Please indicate in your post if you would like your submitted code to be considered for integration with the potential public style or if you would prefer to branch the development of Wide Lines into a new custom style.

You are welcome to use elements of Wide Lines as a basis for designing a new custom style of your own. In-depth discussion of this should probably occur on lj_style, but you are encouraged to provide links here.


Comments: Leave a comment!
Tags:




[cmshaw]
Monday 5:37 pm
Bug Reports


Found a bug in Wide Lines? Please let me know!

Leave a comment here with the nature of the bug, the layout version which you are using, and a link to a webpage on which the bug is occurring, if you can.

Thank you very much!


Comments: Leave a comment!
Tags:




[cmshaw]
Monday 5:19 pm
How to add a sidebar image to Wide Lines


1. Log in and go to your customize journal page.
2. Click "Add customizations" or "Edit customizations".
3. Select the "Background" tab at the top of the customizations page.
4. Under "URL of image to use as background", select "Override default" and enter the URL of your sidebar image in the text box which appears. The image must be hosted on a website which allows remote linking from livejournal.com.
5a. For a single image which remains stationary at the side of the journal, set "Fixed or scrolling background image" to "Fixed in place" and set "Tiled (normal) or single-picture background image" to "Shown once".
5b. For a repeating pattern down the left side which scrolls with the journal, set "Fixed or scrolling background image" to "Scrolling" and set "Tiled (normal) or single-picture background image" to "Tiled vertically".
6. Under "Number of pixels wide the left margin should be", enter the width of the image, plus any padding you would like to add between the right edge of the image and the left edge of the journal.
7. Set "Number of pixels tall the top margin should be", "Number of pixels wide the whole journal should be (0 for full-width journal)", and "Number of pixels tall the whole journal should be (0 for full-height journal)" to 0, the default. (Changing the width of the whole journal is used to shift the journal into a fixed-width column inside of a defined area on the background image. Leaving it at zero allows the journal's width to resize as needed.)
8. Click the "Save" button at the bottom of the page when finished. Your customizations are not applied to your journal until this button is clicked.

See an example of this customization here!

Suggestion: Make sure that the edge color of your image is the same as the background color of your journal ("Page background color", under the "Colors" tab). This will blend your side image into the color behind your entries.


Comments: 6 comments. Leave a comment!
Tags:




[cmshaw]
Monday 5:11 pm
How to add a banner to Wide Lines


1. Log in and go to your customize journal page.
2. Click "Add customizations" or "Edit customizations".
3. Select the "Banner" tab at the top of the customizations page.
4. Under "URL of image to use as banner", select "Override default" and enter the URL of your banner image in the text box which appears. The banner image must be hosted on a website which allows remote linking from livejournal.com.
5. By default, your journal title is suppressed when you are using a banner. To show the title of your journal below your banner, select "No" under "Do not show the title on pages with a banner".
6. By default, your banner shows on your recent entries page and not on other pages of your journal. The last four customization options control this behavior.
7. Click the "Save" button at the bottom of the page when finished. Your customizations are not applied to your journal until this button is clicked.


Comments: 2 comments. Leave a comment!
Tags:




[cmshaw]
Monday 4:44 pm
How to use Wide Lines on your journal (version 0.9)


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

To save the "Wide Lines" layout for later use:

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 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 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.

Code for current version

To save the "Wide Lines" themes (color and text) for later use:

1. Log in and go to your layers page.
2. At the bottom of the page under "Create layout-specific layer" select "Type: Theme" and "Layout: Wide Lines", and then click "Create".
3. In the table under "Child of layer [some number]: Wide Lines" there is now a row with a name of (None); click on "Edit...".
4. Cut and paste all of the text from one of the theme links below 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.
5. Click on "<< Your Layers" to return to your layers page.
6. Repeat from step 2 until all themes are compiled. (Be sure that you are editing the new row named (None) each time in step 3.)

Themes for Wide Lines
* Clean Breeze
* Autumn Leaves
* Spring Flowers
* Gentle Greens
* Tarot by Candlelight
* Bleeding Edge
* Sweet Hugs
* Austere
* Dystopic
* XCalibrated

To use "Wide Lines" on your livejournal:

1. 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 (2 May 2005). The code at this link will not change.


Comments: Leave a comment!
Tags: , ,