For Paid/Permanant Users using a Theme Layer

Sat, 02 Feb 2008 02:01:42 GMT

This is for Blue Shoes (Traquility II)

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

Note: This is here for my benefit and bad memory but I didn't add everything under the sun for the blue shoes layer but if you want more extras, try these:

Add these into theme layer

Link to: Original Source
Adding Usericons in the Recent Entries view

Taken from: Original Source
Adding Additional Links

# -------------------------------
# prints the LJ specific links (recent, friends, etc)
# -------------------------------
function print_lj_links ( Page p )
{
    var string links;
$links = $links + ($p.view == "recent" ? "<li class=\"active\">$*text_view_recent</li>" : "<li><a href=\"$p.base_url/\" title=\"$*text_view_recent\">$*text_view_recent</a></li>");
    if ( $p.journal_type == "C" ) {

$links = $links + ($p.view == "friends" ? "<li class=\"active\">$*text_view_friends_comm</li>" : "<li><a href=\"$p.base_url/friends\" title=\"$*text_view_friends_comm\">$*text_view_friends_comm</a></li>");
    } else {

$links = $links + ($p.view == "friends" ? "<li class=\"active\">$*text_view_friends</li>" : "<li><a href=\"$p.base_url/friends\" title=\"$*text_view_friends\">$*text_view_friends</a></li>");
    }

$links = $links + ($p.view == "archive" ? "<li class=\"active\">$*text_view_archive</li>" : "<li><a href=\"$p.base_url/calendar\" title=\"$*text_view_archive\">$*text_view_archive</a></li>");

$links = $links + "<li><a href=\"$p.view_url{"userinfo"}\" title=\"$*text_view_userinfo\">$*text_view_userinfo</a></li>";

$links = $links + ($p.journal.website_url != "" ? "<li><a href=\"$p.journal.website_url\" title=\"" + $p.journal.website_name->lower() + "\">" + $p.journal.website_name->lower() + "</a></li>" : "");

print "<ul id=\"lj-links\">";
    print safe $links;
    print "</ul>";
}

Look inside and find this line of code to add links to your navigation menu:
$links = $links + "<li><a href=\"urladdhere\">nameoflink</a></li>";

*replace "urladdhere" with your own your url and "nameoflink" with the link's name.

To add a new link, simply repeat it.

(Paid) Randomized User Pictures (SS/RR)

Sun, 23 Dec 2007 02:25:33 GMT

This is for my own purpose but it might be useful to somebody else.

This tutorial explains how to randomize user picture which displays in the profile box in the sidebar. The code to do this will override the Page::lay_print_sidebar_profile(). You will need to place the coding in a theme layer. If you already have a theme layer for the Smooth Sailing style, you can edit it to include this code. Otherwise, you need to create one as explained in the Theme Layer tutorial.

You will need to copy the following code into your theme layer, making sure to include everything:

function Page::lay_print_sidebar_profile() {

var string[] pic;

$pic[size($pic)]="http://www.insanejournal.com/userpic/######/######";
$pic[size($pic)]="http://www.insanejournal.com/userpic/######/######";
$pic[size($pic)]="http://www.insanejournal.com/userpic/######/######";
$pic[size($pic)]="http://www.insanejournal.com/userpic/######/######";
$pic[size($pic)]="http://www.insanejournal.com/userpic/######/######";
$pic[size($pic)]="http://www.insanejournal.com/userpic/######/######";

var int randpic;
$randpic = rand(0, ((size $pic) - 1));

$this->lay_print_sidebox_top($*text_sidebox_profile_title);
"""

$*text_sidebox_profile_userlabel$.journal

$*text_sidebox_profile_namelabel$.journal.name

""";
if ($*text_sidebox_profile_info!="") { """

"""; print $*text_sidebox_profile_info; """

"""; }
"""

""";
$this->lay_print_sidebox_bottom();
}

In the above code, you need to replace http://www.insanejournal.com/userpic/######/###### (for each) with the user pictures that you'd like to be randomized. Please notice that, though six user pictures are used here, there is no maximum or minimum to the number of user pictures that you can use.

Once you have finished adding the code above, you can save your theme layer by clicking on the "Save & Compile" button at the top of the screen. Your changes will not take effect until you apply your theme layer by selecting it on the Customize Journal page.

Originally posted: Here

For Paid/Permanant Users using a Theme Layer

Thu, 06 Dec 2007 01:29:19 GMT

This is for (A Dear Diary Layout) codes
Layouts: [Baroque - Pink and Grey - Green and White]

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

Note:
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
Replace
layerinfo "type" = "theme";
layerinfo "name" = "";

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

Under User
Replace
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

function Entry::lay_print_metadata() {
var string tags_header         = "Tags"; # text for tags header,    "Current Tags"
var string tags_joiner         = "";            # text for tags joiner,    ":"
var string tags_sep            = ", ";           # text for tags separator, ", "
var bool   show_edit_tags_link = false;          # set to true if you want edit tags link as tags header
var string currents_open       = """<div class="metadata">"""; # html for opening of currents container
var string currents_close      = """</div>"""; # html for closing of currents container
var bool   loc_after_mood      = false;               # set to true to print location after mood
var bool   vanilla_loc         = false;               # set to true to delinkify location
# if you need data specific to the meta to be in these strings you'll have to set those individually down further
# one example is provided with meta_label_open
var string meta_label_open     = """<strong>""";   # html for opening of metadata label
var string meta_label_close    = """</strong>: """; # html for closing of metadata label
var string meta_val_open       = "";               # html for opening of metadata value
var string meta_val_close      = """<br />""";     # html for closing of metadata value
var Link   edit_tags           = $this->get_link("edit_tags"); # helper var to see if remote user can edit tags
if ((size $.metadata > 0) or ((size $.tags > 0) and ($*tags_aware))){
if($.metadata{"mood"} == "" and $loc_after_mood) {
# if we're printing loc after mood but we have no mood, set loc_after_mood to false
$loc_after_mood = false;
}
var string currents = "";             # make var for printing
$currents           = $currents_open; # add opening of currents container
if(defined $.mood_icon) {
var Image i = $.mood_icon;
$currents = $currents + """<table border="0"><tr><td><img src="$i.url" _fcksavedurl="$i.url" width="$i.width" height="$i.height" alt="$.metadata{"mood"}" title="$.metadata{"mood"}" /></td><td>""";
}
foreach var string k ($.metadata){  # step thru metadata
var string text = $k;             # set text to key
var string val  = $.metadata{$k}; # get val
if ($k == "mood"){                # if mood, set text to mood property
$text = $*text_meta_mood;
}
elseif ($k == "music") {          # if music, set text to music property
$text = $*text_meta_music;
} elseif ($k == "location") {     # if location, set text to loc variable
$text = $*text_meta_location;
if($vanilla_loc) {              # if vanilla loc, striphtml() it
$val = striphtml($val);
}
}
if(not ($k == "location" and $loc_after_mood)) {
# if we're doing loc right now and printing loc after mood, skip it
# if we're doing loc right now and we're not printing loc after mood, print it now
# if we're not doing loc right now, print this piece of meta
# add the meta
$currents = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
}
if($k == "mood" and $loc_after_mood) {
# if we just now did the mood and we're printing loc after mood, print the loc
$k    = "location";           # set meta key to "location"
$text = $*text_meta_location; # set text to loc variable
$val  = $.metadata{$k};       # get val
# if we have a loc, do stuff
if($val != "") {
# if vanilla loc, striphtml() it
if($vanilla_loc) {
$val = striphtml($val);
}
# add the meta
$currents         = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
}
}
}
if ((size $.tags > 0) and $*tags_aware) {
var string k      = "tags"; # set key to "tags"
var int tcount = 0; # set counter for tags
if($edit_tags.url != "" and $show_edit_tags_link) { # if remote user can edit tags, let's give them a link
$tags_header = """<a href="$edit_tags.url" _fcksavedurl="$edit_tags.url">$tags_header</a>""";
}
# add text, open val container
$currents = $currents + """$meta_label_open$tags_header$tags_joiner$meta_label_close$meta_val_open""";
# build tag list
foreach var Tag t ($.tags) {
$currents = $currents + """<a rel="tag" href="$t.url" _fcksavedurl="$t.url">$t.name</a>""";
$tcount++;
# if we haven't hit the last tag, add a separator
if ($tcount != size $.tags) { $currents = $currents + $tags_sep; }
}
# close val container
$currents = $currents + $meta_val_close;
}
if(defined $.mood_icon) {
$currents = $currents + """</td></tr></table>""";
}
# close currents container
$currents = $currents + $currents_close;
# print currents
println "$currents";
}
}

Taken from: Original Source
Multi-Layer Tags

function Page::lay_print_custom_paraphernalia() {
    var string id      = "";
    var string header  = "";
    var string content = "";
    
    # tagslist

#####   Config   #####

# Specify your delimiter!  One char only -- extra chars get truncated.
    # Making the delimiter an empty string will result in an un-tiered list, 
    # which may be what you prefer, but this code is serious overkill for 
    # that purpose.
    var string delimiter = ":";

# Specify the title of your tag box!
    var string tag_title = "Tags";

##### End Config #####

var Page p = get_page();
    var string list = "";
    
    # mt:20050627
    # Replaced erroneous return code with if statement (otherwise
    # entire sidebar not printed at all if no visible tags!).
    if (size $this->visible_tag_list() > 0) { 
        # mt:20050624
        # Can't use delimiter longer than one char, so truncate if necessary.
        if ($delimiter->length() > 1) {
            $delimiter = $delimiter->substr(0, 1);
        }

var bool list_started = false;
        var string list_item = "";
        var string[] prev_tags = ["", ""];

# mt:20050624: Start the list.
        $list = """<ul class="tagList">"""; 
        
        foreach var TagDetail t ($this->visible_tag_list()) {        
            var string[] tags;
             
            if ($t.name) {  
                # mt:20050624
                # Split tags into a 1- or 2-element array on delimiter. Oh god, my
                # kingdom for a function.  Adapted from lj-user rane500's explode 
                # function to only care about first instance of the delimiter.
                var int array_counter = 0;
                var string buffer = "";
                var bool found_delimiter = false;
                foreach var string char ($t.name) {
                    if (($found_delimiter == false) and ($char == $delimiter)) {
                        $found_delimiter = true;
                        $tags[$array_counter] = $buffer;
                        $array_counter = $array_counter + 1;
                        $buffer = "";
                    } else {
                        $buffer = $buffer + $char;
                    } 
                }  
                $tags[$array_counter] = $buffer;
                
                # mt:20050624: Now examine the tags array to determine how to display the tag.
                if (size $tags == 1) {
                    # mt:20050624: This tag has no subtag.
        
                    if ($list_started) {
                        # mt:20050624: Previous tag had a subtag, so must close its outstanding list. 
                        $list = $list + """</ul>""";
                        $list_started = false;
                    }
                    if ($prev_tags[0] != "") {
                        # mt:20050624: This is not the very first tag in the list, so close off previous tag.
                        $list = $list + """</li>""";
                    }
                    # mt:20050624: Now add the new tag.
                    $list = $list + """<li class="tagItem"><a href="$t.url">$tags[0]</a>""";
                } else {   
                    # mt:20050624: This tag has a subtag.
        
                    $list_item = """<li class="tagItem"><a href="$t.url">$tags[1]</a></li>""";
                   
                    if (($tags[0] == $prev_tags[0]) and ($list_started)) {
                        # mt:20050624
                        # This tag fits under the previous tag's tier, and it is not the first item in that tier.
                        $list = $list + $list_item;
                    } elseif (($tags[0] == $prev_tags[0]) and ($list_started == false)) {
                        # mt:20050624
                        # This tag fits under the previous tag's tier, and it is the very first item in that tier.
                        $list = $list + """<ul class="tagList">""" + $list_item;
                        $list_started = true;
                    } elseif (($tags[0] != $prev_tags[0]) and ($list_started)) {
                        # mt:20050624: This tag initializes a new tier and must also close off the previous tag's list.
                        # $list_started retains its true state.
                        $list = $list + """</ul></li><li class="tagItem">$tags[0]<ul class="tagList">""" + $list_item;
                    } elseif (($tags[0] != $prev_tags[0]) and ($list_started == false)) {
                        # mt:20050624: This tag initializes a new tier but does not have to close off a list.
                        
                        if ($prev_tags[0] != "") {
                            # mt:20050624: This is not the very first tag in the list, so close off previous tag.
                            $list = $list + """</li>""";
                        }
                        
                        # mt:20050624: Now add the new tag.
                        $list = $list + """<li class="tagItem">$tags[0]<ul class="tagList">""" + $list_item;
                        $list_started = true;
                    }
                }       
                $prev_tags = $tags;           
            }        
            # mt:20050623: Next tag in the list!
        } 
    
        # mt:20050624: Close any outstanding lists.
        if ($list_started) {
            $list = $list + """</ul>""";
        }	   
    	$list = $list + """</li></ul>""";
	   
        $list = """<div class="tagBox">""" + $list + """</div>""";
    }

$header  = $tag_title;
    $id      = "tagslist";
    $content = $list;

paraphernalia_box_open ($id, $header);
    print $content;
    paraphernalia_box_close($id, $header);
}

function Page::print_custom_head() {
  """
  <style type="text/css">

/* List Alignment */
  /* Styles to ensure that the tag list is correctly aligned beneath the sidebox title */
  li.tagBox {
    padding-left: 0;
    margin-left:  0;
    list-style:   none;
  }
  ul.tagList {
    padding-left: 0;
    margin-left:  0;
    list-style:   none;
  }
  li.tagItem {
    padding-left: 15px;
    list-style:   none;
  }
    
/* 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;
}
  </style>
  """;
}

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

ScotchBonnet

For Paid/Permanant Users using a Theme Layer

(Paid) Randomized User Pictures (SS/RR)

For Paid/Permanant Users using a Theme Layer