Scotchsour's Place for Layouts, Codes, Icons, Mood Themes...
Previous Entry
For Paid/Permanant Users using a Theme Layer 
Next Entry
5th-Dec-2007 08:27 pm
This is for (A Dear Diary Layout) codes
Layouts: [Baroque - Pink and Grey - Green and White]

Create Theme Layer
Tutorial by [info]carriep63:
Creating a theme layer (using Livejournal new customize journal area)
Tutorials by [info]scotchosur:
Creating a Theme Layer (for InsaneJournal users)

You will have also created a user layer automatically because of the css. In editing theme and user layer place on top instead:

Under Theme
layerinfo "type" = "theme";
layerinfo "name" = "";

With This
layerinfo "type" = "theme";
layerinfo "name" = "Baroque";

Under User
layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";

With This
layerinfo "type" = "user";
layerinfo "name" = "Baroque";

Believe me, this is a simple way if you redesign your journal a lot with custom layers.

Add these into theme layer

Taken from: Original Source
Mood Icon to Left of Metadata

Taken from: Original Source
Multi-Layer Tags

Note: See all Tags on Sidebar:

The tags verical scroll, just remove this out of Multi-Layer Tags code:
/* Vertical Scroll */
/* Need to shrink the list width to prevent horizontal scrollbar in Firefox. */
/* Note this won't prevent it if your tags are super long, it will only */
/* prevent it from displaying unnecessarily. For the pleasure of IE users */
/* you can also colour any resulting scrollbars as you desire. */
ul.tagList {
width: 70%;
.tagBox {
height: 200px;
overflow: auto;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #930000;
scrollbar-face-color: #930000;
scrollbar-highlight-color: #cb7575;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #930000;

Extracted from [info]babyelefant
To add a custom textbox, just add this into the Multi-Layer Tags code:

After this:

Page::lay_print_custom_paraphernalia() {

Before this:

    var string id      = "";
    var string header  = "";
    var string content = "";

Want to change the title of the textbox, simply replace CustomText with the name you've chosen.

Extracted from [info]babyelefant
To change the position on the sidebar such as tags below the links, just add this into the Theme code:

This is the natural order for this Dear Diary sidebar but to rearrange, simply changing the paraphernalias in the position where you want it. And Save.
18th-Apr-2008 03:51 pm (UTC) - Re: Question.
I figured out the tags issue; your tutorial was very helpful. Thanks for posting it.

And at work I'm currently using IE 6. It's not really noticible unless one looks for it, so I think I can live with it, honestly.
Code by masterslacker. Fiddled by userinfoscotchsour. This page was loaded on Jan 28th 2021, 12:58 pm GMT.