BERJAYA

widelines, posts by tag: features - LiveJournal — LiveJournal

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

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: features, layout

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: features, layout

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: features, layout

[cmshaw]
Tuesday 11:15 am
How to use Wide Lines on your journal (version 0.9.32)

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: features, layout

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: features, layout

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: features, layout

Monday, May 9th, 2005

[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: features

[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: features, layout

Tuesday, May 3rd, 2005

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

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: 5 comments. Leave a comment!

Tags: features, layout

Monday, May 2nd, 2005

[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: 4 comments. Leave a comment!

Tags: features

[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: features

[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: features, layout, theme

Top of page