December 24th, 2005

[s2 layouts by feature] Title Bar Pattern

[ Go Back | List of Layouts | List of Features ]

The layouts listed below provide a choice of pattern images that will be tiled across the page header. The Quite Lickable layout also provides the option of a user-supplied image. If your layout is not in this list, it may be possible to achieve this effect through the use of Custom CSS, or by using one of the tutorials linked in this FAQ.

[s2 features by layout] Dear Diary...

[paidaccount] Changing permalink text/hiding permalink

Paid Accounts Only
The following tutorial requires creating and editing a custom theme layer, which in turn requires a paid, permanent, or early adopter account. Please read What are the paid account benefits? and How do I buy a paid account? to learn about the paid account benefits and how to buy a paid account.

This tutorial requires the creation of a theme layer. If you already have a theme layer, you will need to edit it and add the code below. If you do not have a theme layer, you will need to create one by following the instructions in the Theme Layer tutorial.

Some layouts do not allow you to change the permalink text via the Customize Page. If you wish to change the permalink text in these layouts, you will have to create or modify an existing theme layer and add the following code:

set text_permalink = "Link"

Change the text highlighted in orange to whatever you like and compile the layer. You can also remove the text if you wish to hide your permalinks instead. If you have created a new layer you will need to follow the instructions in the Theme Layer tutorial to select your new theme layer for use.

The following layouts support this method of customizing permalink text:

  • A Sturdy Gesture
  • Classic/Clean and Simple
  • Cuteness Attack
  • Generator
  • Opal
  • Smooth Sailing
  • Tranquility II
  • Unearthed

The following layouts do not support this method of customizing permalink text:

  • Bloggish, Component, Dear Diary, Digital Multiplex, Flexible Squres, Haven, Magazine, Nebula, Notepad, Punquin Elegant, Quite Lickable, Tabular Indent, and The Boxer do not support permalinks at all.
  • A Novel Conundrum: date/time serves as the permalink.
  • 3 Column: permalink is an icon.
  • Digital Multiplex and Gradient Strip: entry subject serves as the permalink.

Contributed by prissi.

[flexible squares] Adding a Header Image

This tutorial provides a method of adding a header image in the S2 style Flexible Squares with custom CSS. Before beginning this customization, make sure you have the picture in a valid image format and uploaded to a website that allows remote loading.

To add a header image to the top of your journal, go to the Custom Options tab of the Journal Display area. You can find the option to add your CSS in the Custom CSS section.

You will need to add the following code, which will allow you to customize the size and position of your header image.

	.headerimage {
		height: 150px;
		background-image: url("http://example.com/headerimage.png") !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
		background-position: center !important;

		margin-bottom: 15px;
		}

After pasting this code, you must edit the height attribute to the height of your image.

The lines in blue above show the different CSS declarations available to customize your header image. A separate tutorial explains how you can modify each background attribute. Only the background-image: attribute is necessary, but if you choose to use any, they must be in the order shown above.

You must replace the URL in lavender with the URL of your image. Please remember that the website your image is stored on must allow remote loading to LiveJournal.

The code in green is not needed, but it does prevent your header image from directly touching the content of your LiveJournal by adding extra space. If you do decide to use it, the number 15 can be adjusted.

Click the "Save Changes" button at the bottom of the page to apply the customizations to your journal.

Contributed by deadmantalks. Some elements taken from a tutorial by phoenixdreaming and camomiletea. Adjusted for all account types by camomiletea.

[s2 features by layout] Gradient Strip

[s2 layouts by feature] Hiding Comment Subject Icons

[ Go Back | List of Layouts | List of Features ]

This option allows you to toggle on and off the display of subject icons in comments. "Subject icons" are the small optional icons accessible from the long comment form on Reply Pages (pages with a URL ending in "?mode=reply") by clicking on the small gray smiley face next to the "Subject" input form. This option is applicable only if the journal is using customized comment pages, and is only available on one layout:

[s2 layouts by feature] Order of Entries on Day View

[ Go Back | List of Layouts | List of Features ]

The layouts listed below (except where noted) provide an option on the Customize Journal Style page to reverse the order of entries displayed on your Day page (http://exampleusername.livejournal.com/yyyy/mm/dd). As described in this FAQ, the default display for the Day page is in chronological order (i.e., least recent entries first).

X The option on these layouts is present for future upgrades and is not currently implemented.

[s2 layouts by feature] Order of Months on Year View

[ Go Back | List of Layouts | List of Features ]

The layouts listed below (except where noted) provide an option on the Customize Journal Style page to reverse the order of months displayed on your Year page (http://exampleusername.livejournal.com/yyyy/). As described in this FAQ, the default display for the Year page is in chronological order (i.e., least recent months first).

X The option on these layouts is present for future upgrades and is not currently implemented.