babytest - tutorials and tests

Multilevel-tags in sidebar - Smooth Sailing

Fri, 24 Aug 2007 12:32:27 GMT

two alternative ways,

Both versions overwrite the function Page::lay_print_sidebar_tags()
I think the first version is the better one, so if you can you should use this one:

"stolen" from s2_bloggish

function Page::lay_print_sidebar_tags() {
# Specify your delimiter.  One character only -- extra chars get truncated.
  var string delimiter = ":";

# Do you want to show the tag use counts?
  var bool show_count = true;

# Specify the text to show just before the use count, if any
  var string pre_count = "(";

# Specify the text to show just after the use count, if any
  var string post_count = ")";

### Don't change below unless you know what you are doing!

var Page p = get_page();
  var string list = "";

if (size $p->visible_tag_list() > 0) {
    if ($delimiter->length() > 1) {
      $delimiter = $delimiter->substr(0, 1);
    }

var string[] closing_html;
    var string[] prev_tags;
    var int tag_list_pos = 0;
    var string tier_code = "";
    $closing_html[0] = "";
    $prev_tags[0] = "";
    foreach var TagDetail t ($p->visible_tag_list()) {
      var string[] tags;

if ($t.name) {
        var int array_counter = 0;
        var string buffer = "";
        foreach var string char ($t.name) {
          if($char == $delimiter) {
            $tags[$array_counter] = $buffer;
            $array_counter = $array_counter + 1;
            $buffer = "";
          }
          else {
            $buffer = $buffer + $char;
          }
        }
        $tags[$array_counter] = $buffer;

var int pos = 0;
        foreach var string tier($tags) {
          if (size $closing_html <= $pos) {
            $closing_html[$pos] = "";
          }

if (size $prev_tags <= $pos) {
            $prev_tags[$pos] = "";
          }

if (size $tags == ($pos + 1)) {
            $tier_code = """<a href="$t.url">$tier</a>""";
            if ($show_count) {
              $tier_code = $tier_code + """ ${pre_count}${t.use_count}${post_count}""";
            }
          }
          else {
            $tier_code = """$tier""";
          }

if ($prev_tags[$pos] == "") {
            $list = $list + """<ul class="module-list"><li class="module-list-item">$tier_code""";
            $closing_html[$pos] = "</li></ul>";
          }
          elseif ($tags[$pos] != $prev_tags[$pos]) {
            var int i = 0;
            foreach var string html ($closing_html) {
              if ($i > $pos) {
                $list = $list + $closing_html[$i];
                $closing_html[$i] = "";
              }
              $i++;
            }

if ($closing_html[$pos] == "") {
              $list = $list + """<ul class="module-list"><li class="module-list-item">$tier_code""";
              $closing_html[$pos] = "</li></ul>";
            }
            else {
              $list = $list + """</li><li class="module-list-item">$tier_code""";
            }
          }
          else {
           }
          $pos++;
        }
        $prev_tags = $tags;
      }
      $tag_list_pos++;
    }

var int i = 0;
    var string remaining_html = "";
    foreach var string html ($closing_html) {
      if ($html != "") {
        $remaining_html = $html + $remaining_html;
        $closing_html[$i] = "";
      }
      $i++;
    }
    $list = $list + $remaining_html;
  }

if ($list != ""){
    $this->lay_print_sidebox_top("Navigation");
    print $list;
    $this->lay_print_sidebox_bottom();
  }
}

modified version of s2smoothsailing

function Page::lay_print_sidebar_tags() {
    var Tag[] pagetags = $this->visible_tag_list();

#####   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 = ":";
    var bool show_count = true;
    var string pre_count = "(";
    var string post_count = ")";

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

##### 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 $p->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 ($p->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> ($t.use_count)""";
                }
                else
                {   
                    # mt:20050624: This tag has a subtag.
        
                    $list_item = """<li class="tagItem"><a href="$t.url">$tags[1]</a>  ($t.use_count)</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>""";
	   
        # mt:20050625: Enclose the entire list in an li tag as required by the layout.
#        $list = """<li class="tagBox">""" + $list + """</li>""";

# mt:20050623: Add styling to box title.
#        $tag_title = """<li class="sbartitle">$tag_title</li>""";
    }

##### Specify Box Order #####
 
    # mt:20050627
    # Okay, now that's done, just print out all your sidebar boxes in the order you 
    # want, including a call for this one -- print_sidebar_box($tag_title, $list) --
    # nested within an if statement to prevent tags box from printing in the event 
    # of no visible tags.
#    print_userpic();
#    print_sidebar_blurb();  
#    if ($list != ""){print_sidebar_box($tag_title, $list);}
#    print_sidebar_linklist();
#    print_sidebar_calendar();

#####   End Box Order   #####

if ($list != ""){
    $this->lay_print_sidebox_top($tag_title);
    print $list;
    $this->lay_print_sidebox_bottom();
  }
}

S2 Smooth Sailing - modify the comment bar

Sat, 30 Jun 2007 17:30:34 GMT

With the help of the following code you can modyfy the comment bar in Smooth Sailing so, that you either only have the comment and readlink, or comment, read, edit and edit tags




function Entry::print_linkbar() {

# part of the code is from the original smooth sailing code
# part of it is shamelessly stolen from kunzite1 
# http://community.livejournal.com/s2layers/36131.html


          var Page p = get_page();
          var bool printqr = false;


          """
          <div class="entryLinkbar"><ul>
          """;
          if ($.comments.enabled) {
            if ($.itemid==int($*layout_guestbook_entryid)) {"""<li><a 

href="$.comments.post_url">$*text_post_comment_guestbook</a></li>""";
            }else{
              if ($.comments.count > 0 or $.comments.screened) {
                """<li><a href="$.comments.read_url">"""; print get_plural_phrase($.comments.count,"text_read_comments"); 

"""</a></li>""";
              }
              $printqr = true;
              """<li>"""; $p->print_reply_link({"linktext" => $*text_post_comment, "target" => "qr$.journal.username$.itemid", 

"reply_url" => $.comments.post_url}); """</li>""";
            }
          }


########################################################################
#### if you only want the comment and read link remove everything   ####
#### that comes between this comment                                ####              
#### and the comment where I tell you to stop to delete		    ####	      
########################################################################

  # initialize array/hashes
  var string[] link_keyseq    = [""];
  var string{} link_url       = {"" => ""};
  var string{} link_caption   = {"" => ""};

  var string print           = "";                                         # var for printing
  var bool   show_interentry = ($p.view == "entry" or $p.view == "reply"); # if entry/reply view, show interentry
  var int    keyseq_index    = 0;                                          # set index point for new link_keyseq array

  if($show_interentry) {
    # if show interentry, put previous entry link first
    $link_keyseq[$keyseq_index++] = "nav_prev";

    # get previous entry link information
    var Link prev             = $this->get_link("nav_prev");
    $link_url{"nav_prev"}     = $prev.url;
    $link_caption{"nav_prev"} = $prev.caption;


    # get next entry link information
    var Link next             = $this->get_link("nav_next");
    $link_url{"nav_next"}     = $next.url;
    $link_caption{"nav_next"} = $next.caption;

  }

  # gather current linkbar
  foreach var string link_key ($.link_keyseq) {
    var Link  link            = $this->get_link($link_key);
    $link_url{$link_key}      = $link.url;
    $link_caption{$link_key}  = $link.caption;
    $link_keyseq[$keyseq_index++] = $link_key; # add this to new link_keyseq array
  }
  if($show_interentry) {
    # if show interentry, put next entry link last
    $link_keyseq[$keyseq_index++] = "nav_next";
  }


  # alter data here
  $link_keyseq                = ["edit_entry", "edit_tags"]; 
  # change link order ["edit_entry", "edit_tags", "mem_add"]
  # $link_caption{"edit_entry"} = "edit entry";                           
  # change caption

  # loop thru linkbar and add links to print var
  foreach var string link_key ($link_keyseq) {
    # if we can do performed action, url will be present
    if($link_url{$link_key} != "") {
      $print = $print + """<li><a href="$link_url{$link_key}">""";


        $print = $print + "$link_caption{$link_key}";
      
      # add a seperator
      $print = $print + "</a></li>";
    }
  }



  # we're done! let's print it!
  print $print;

##############################
### STOP to delete here!!! ###
##############################

          """
          </ul></div> <!-- entryLinkbar -->
          """;
          if ($printqr) { $p->print_reply_container({"class" => "quickreply_entry", "target" => "qr$.journal.username$.itemid"}); }



}

Sidebar control panel for smooth sailing

Sat, 13 Jan 2007 17:37:47 GMT

set layout_sidebox_freetext_10_visibility = "12";
set text_sidebox_freetext_10_title = "Control Panel";



function Page::lay_print_sidebar_freetextbox_10() {
# create helper vars for sidebar boxes
var string k1Sheader      = "";
var string k1Sheader_one  = """<li class="sbartitle">""";
var string k1Sheader_two  = "</li>";
var string k1Scontent     = "";
var string k1Scontent_one = """<li class="sbark1CP">""";
var string k1Scontent_two = "</li>";

##################################
#     CONTROL PANEL COMPONENT    #
# kunzite1, component-help/82952 #
# add to print_free_text(Page p) #
##################################
# Title bar of component when logged in
  var string k1CPloggedInTitle = "your control panel";

# Title bar of component when not logged in
  var string k1CPloggedOutTitle = "login box";

# LOGIN BOX
# Label for entering username
  var string k1CPusername   = "user:";

# Label for entering password
  var string k1CPpassword   = "pw:";

# Label for forgot password link
  var string k1CPforgot     = "forgot?";

# Label for expiration options
  var string k1CPexpiration = "expiration:";

# Label for expiring when window closes
  var string k1CPclose      = "window close";

# Label for never expiring
  var string k1CPnever      = "never";

# Label for binding to ip
  var string k1CPbind       = "bind to ip:";

# Label for accepting binding to ip
  var string k1CPy          = "yes";

# Label for denying binding to ip
  var string k1CPn          = "no";

# Label for log in button
  var string k1CPsubmit     = "log in";

#######################
# CONTROL PANEL START #
#######################
var string k1CPpanel         = "";
var string k1CPheader        = viewer_logged_in() ? $k1CPloggedInTitle : $k1CPloggedOutTitle;
if(viewer_logged_in()){
var string k1CPmedLineString = "#DFDFDF";
var int    k1CPcols          = 2;




var string[] k1CPlink_urls  = [""];
var string[] k1CPlink_texts = [""];
var int      k1CPlink_index = 0;

# set one
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/customize/";
$k1CPlink_texts[$k1CPlink_index] = "customize";
$k1CPlink_index++;

# set two
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/customize/advanced/";
$k1CPlink_texts[$k1CPlink_index] = "<i>advanced</i>";
$k1CPlink_index++;

# set three
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/customize/advanced/layers.bml";
$k1CPlink_texts[$k1CPlink_index] = "<i>layers</i>";
$k1CPlink_index++;

# set four
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/customize/advanced/styles.bml";
$k1CPlink_texts[$k1CPlink_index] = "<i>styles</i>";
$k1CPlink_index++;

# set five
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/manage/links.bml";
$k1CPlink_texts[$k1CPlink_index] = "link lists";
$k1CPlink_index++;

# set six
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/update.bml";
$k1CPlink_texts[$k1CPlink_index] = "update";
$k1CPlink_index++;

# set seven
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/editjournal.bml";
$k1CPlink_texts[$k1CPlink_index] = "edit entries";
$k1CPlink_index++;

# set eight
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/friends/";
$k1CPlink_texts[$k1CPlink_index] = "edit friends";
$k1CPlink_index++;
# set nine
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/editinfo.bml";
$k1CPlink_texts[$k1CPlink_index] = "edit info";
$k1CPlink_index++;

# set ten
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/changepassword.bml";
$k1CPlink_texts[$k1CPlink_index] = "edit pass";
$k1CPlink_index++;

# set eleven
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/editpics.bml";
$k1CPlink_texts[$k1CPlink_index] = "edit pics";
$k1CPlink_index++;

# set twelve
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/tools/memories.bml";
$k1CPlink_texts[$k1CPlink_index] = "memories";
$k1CPlink_index++;

# set thirteen
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/misc/whereami.bml";
$k1CPlink_texts[$k1CPlink_index] = "my cluster";
$k1CPlink_index++;

# set fourteen
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/portal/";
$k1CPlink_texts[$k1CPlink_index] = "my portal";
$k1CPlink_index++;

# set fifteen
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/site/";
$k1CPlink_texts[$k1CPlink_index] = "site map";
$k1CPlink_index++;

# set sixteen
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/stats.bml";
$k1CPlink_texts[$k1CPlink_index] = "site stats";
$k1CPlink_index++;

# set seventeen
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/birthdays.bml";
$k1CPlink_texts[$k1CPlink_index] = "birthdays";
$k1CPlink_index++;

# set eighteen
$k1CPlink_urls[$k1CPlink_index]  = "$*SITEROOT/logout.bml";
$k1CPlink_texts[$k1CPlink_index] = "logout";
$k1CPlink_index++;

var int    k1CPcount = 0;
var string k1CPwidth = (100 / $k1CPcols) + "%";
$k1CPpanel = $k1CPpanel + """<table border="1" bordercolor="$k1CPmedLineString" cellspacing="0" frame="void" width="100%">\n""";
foreach var int i (0 .. size($k1CPlink_urls) - 1) {
  var string url  = $k1CPlink_urls[$i];
  var string text = $k1CPlink_texts[$i];
  $k1CPcount++;
  if($k1CPcount == 1) {
    $k1CPpanel = $k1CPpanel + "  <tr>\n";
  }
  $k1CPpanel = $k1CPpanel + """    <td align="center" width="$k1CPwidth"><a href="$url">$text</a></td>\n""";
  if($k1CPcount == $k1CPcols) {
    $k1CPpanel = $k1CPpanel + "  </tr>\n";
    $k1CPcount = 0;
  }
}
if($k1CPcount > 0) {
  foreach var int i ($k1CPcount .. $k1CPcols) {
    if($i < $k1CPcols) {
      $k1CPpanel = $k1CPpanel + "    <td> </td>\n";
    } else {
      $k1CPpanel = $k1CPpanel + "  </tr>\n";
    }
  }
}
  $k1CPpanel = $k1CPpanel + """</table>""";
} else {
  $k1CPpanel = $k1CPpanel + """
<form action="$*SITEROOT/login.bml" method="post">
  <table border="0" cellpadding="0" cellspacing="0" width="90%">
    <tr>
      <td>$k1CPusername</td>
      <td><input type="text" name="user" size="10" maxlength="14" width="100%" /></td>
    </tr>
    <tr>
      <td valign="top">$k1CPpassword</td>
      <td><input type="password" name="password" size="10" maxlength="14" width="100%" /><br />
      <a href="$*SITEROOT/lostinfo.bml"><font size="1">$k1CPforgot</font></a></td>
    </tr>
    <tr valign="top">
      <td>$k1CPexpiration</td>
      <td><input type="radio" name="expire" value="close"  checked="checked" id="close" /> <label for="close">$k1CPclose</label><br />
      <input type="radio" name="expire" value="never"  id="never" /> <label for="never">$k1CPnever</label></td>
    </tr>
    <tr valign="top">
      <td>$k1CPbind</td>
      <td><input type="radio" name="bindip" value="yes"  id="bindyes" /> <label for="bindyes">$k1CPy</label><br />
      <input type="radio" name="bindip" value="no"  checked="checked" id="bindipno" /> <label for="bindipno">$k1CPn</label></td>
    </tr>
    <tr>
      <td colspan="2" align="center"><input name="action:login" type="submit" value="$k1CPsubmit" /></td>
    </tr>
  </table>
</form>
  """;
}
    $this->lay_print_sidebox_top($*text_sidebox_freetext_10_title);
"""<div class="sideboxContent" id="freetext10">
$k1Scontent_one$k1CPpanel$k1Scontent_two
</div>""";
# print box
    $this->lay_print_sidebox_bottom();
}

and this went in the css section:

li.sbark1CP
{
padding-left: 0px;
padding-right: 0px;
list-style: none;

}

CSS Guides für S2 Layouts

Sun, 03 Dec 2006 20:31:43 GMT

Flexible Squares
Smooth Sailing
Tranquility II
Bloggish
Expressive
Opal

S2 Smooth Sailing Welcome Note on all pages

Thu, 30 Nov 2006 18:43:47 GMT


function RecentPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  var int i = size $.entries - 1;
  if ($i<0) {
      """<div class="entryHolder"><center>$*text_noentries_recent<center></div>""";
  }else{
    foreach var int pos (0..$i) {
      var Entry e = $.entries[$pos];
      $this->print_entry($e);
    }
  }
}

function FriendsPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  var int i = size $.entries - 1;
  if ($i<0) {
      """<div class="entryHolder"><div class="entryText"><center>$*text_noentries_recent<center></div></div>""";
  }else{
    foreach var int pos (0..$i) {
      var Entry e = $.entries[($*layout_friends_sortorder=="newest"?$pos:$i-$pos)];
      $this->print_entry($e);
    }
  }
}


function DayPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  var int i = size $.entries - 1;
  if ($i<0) {
      """<div class="entryHolder"><div class="entryText"><center>$*text_noentries_day</center></div></div>""";
  }else{
    foreach var int pos (0..$i) {
      var Entry e = $.entries[($*layout_day_sortorder=="newest"?$i-$pos:$pos)];
      $this->print_entry($e);
    }
  }
}




function MonthPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  foreach var MonthDay day ($.days) {
    if ($day.has_entries) {
       """<a name="$day.day"></a>
       <div class="entryHolder">
         <div class="entryHeader"><a href="$day.url">"""; print $day.date->date_format("%%dayord%%"); """</a></div>
         <div class="daysubjects">""";
         $day->print_subjectlist();
         """</div>
       </div>""";
    }
  }
}


function YearPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  var int i = size $.months - 1;
  if ($i<0) { return; }
  foreach var int pos (0..$i) {
    var YearMonth month = $.months[($*layout_year_sortorder=="newest"?$i-$pos:$pos)];
    if ($month.has_entries) {
      $this->print_month($month);
    }
  }
}



function EntryPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
   $this->print_entry($.entry);
   if (size $.comments >0) {

      if ($.entry.itemid!=int($*layout_guestbook_entryid)) {
         $this->lay_print_bodytitlebox($*text_comment_seperator,"midtitle");
      }else {
         $this->lay_print_bodytitlebox($*text_signature_seperator,"midtitle");
      }
      if (viewer_is_owner()) { $this->print_multiform_start(); }
      $this->print_comments($.comments);
      if (not $.comment_pages.all_subitems_displayed) {
        """<div class="bodynavblock">""";
        $.comment_pages->print();
        """</div>""";
      }
      """<div class="bodynavblock">""";
      if (viewer_is_owner()) {
        $this->print_multiform_actionline();
        $this->print_multiform_end();
      }else{
        if ($.entry.itemid!=int($*layout_guestbook_entryid)) {
          """<b><a href="$.entry.comments.post_url">$*text_post_comment_entrypage</a></b>""";
        }else{
          """<b><a href="$.entry.comments.post_url">$*text_post_comment_guestbook</a></b>""";
        }
      }
      """</div>""";
   }
}



function MessagePage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  """<div class="entryHolder">""";
  """<div class="entryText">$.message</div>""";
  $this->print_links();
  """</div>""";
}


function TagsPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
  """<div class="entryHolder">
  <div class="entryText">""";
  if (size $.tags == 0 ) {
      """<center>$*text_tags_none</center>""";
  }elseif ($*layout_tagspage=="table") {
      $this->lay_print_tagstable();
  }else{
      $this->lay_print_tagslist();
  }
  """</div></div>""";
}

function ReplyPage::print_body() {
  if ($*sticky_post != "") {
     # print the welcome note, styled like an entry by default, but with CSS id 
     # tags so that the welcome note can be customised through Custom CSS.
     """<div class="entryHolder" id="welcomenoteHolder">""";
     if ($*sticky_subject != "") { 
        """<div class="entryHeader" id="welcomenoteHeader">
              <div class="entrySubject" id="welcomenoteSubject">$*sticky_subject</div>
        </div>"""; 
     }
     """<div class="entryText" id="welcomenoteText">$*sticky_post</div>
     </div>""";
  }
    if ($.replyto.depth==0) {
      $this->print_entry($.entry);
    }else{
      $.replyto->lay_print();
    }
    if ($.entry.itemid==int($*layout_guestbook_entryid) and $.replyto.depth==0) {
      $this->lay_print_bodytitlebox($*text_signing_form,"midtitle");
    }elseif ($.replyto.depth==0) {
      $this->lay_print_bodytitlebox($*text_comment_form,"midtitle");
    }else{
      $this->lay_print_bodytitlebox($*text_reply_form,"midtitle");
    }
    """
    <a name="replyform"></a>""";
    if ($.replyto.depth==0 and int($*layout_guestbook_entryid)!=0 and $.entry.itemid!=int($*layout_guestbook_entryid) and $*text_replypage_warning!="") {

        print $*text_replypage_warning;
    }
    """
    <div class="replyform">""";
      $.form->print();
    """</div>""";
}

Special Comments for Flexible Squares converted for Smooth Sailing

Mon, 13 Nov 2006 10:00:16 GMT

I have been using this code: http://www.livejournal.com/customize/advanced/layersource.bml?id=5910803 with this result: http://afuna.livejournal.com/256064.html?s2id=10058075 for ages with Flexible Squares. Since I liked it so much I converted it to work with Smooth Sailing.

Preview:

You need a paid account to do this. If you don't already have theme layer you can just copy and paste the code to a new theme layer, if you already have a layer you need to merge this in your existing layer.


layerinfo "type" = "theme";
layerinfo "name" = "special comments";
layerinfo "source_viewable" = 1;

#---------------
# try not to delete this...
# merged from:
# http://www.livejournal.com/customize/advanced/layersource.bml?id=6233668
# (afuna - inner listing)
# http://www.livejournal.com/customize/advanced/layersource.bml?id=6240967
# (murklinstest - outer lines)
#--------------

class SpecialComments {
function print_comments(Comment[] comments, EntryPage page, string depth, bool has_siblings);
}

function Page::print_custom_head() {

# Specify how much indentation to use on comments to indicate thread depth
var int indent = 10;
# Specify the color of the big bar and the line in between thread depths
var string bar_color = "gray";
# Specify the color of each depth's box
# Normal links are also this color in order to avoid clutter
var string box_color = "#ffffff";
# Specify the color of extra/special links
var string link_faded_color = "#bbb";


"""
<style type="text/css">

/**
Outer lines
**/
/* Comments, free from content div and with tracing lines */
.commenttrace_x {
border-top: 1px solid #000000;
}
.commenttrace_y {
border-left: 1px solid #000000;
}
.commentforceindent {
border-style: none;
margin-left: 5px;
}
.commentbox, .commentboxpartial {
margin: 0 0 0 5px;
border-top: 0px none #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
}

/**
* Inner listing
*/
.commentcount {
background-color: #ff0000;
margin-left: 0px;
padding-left: 0px;
}
.commentcount li {
display: inline;
border-right: 2px solid #ff0000;
background-color: #ffffff;
}
.commentcount a {
color: #ff0000;
padding: 0px 2px;
}
.commentcount li.highlight1 a {
color: #000000;
}
.commentcount li.highlight2 a {
color: #666666;
}
.commentcount li a:hover {
color: #222222;
text-decoration: none;
}

</style>
""";
}


function EntryPage::print_comments (Comment[] cs) {
var SpecialComments specialComments = new SpecialComments;
$specialComments->print_comments($cs, $this, "", false);
}


# Change comment indentation, add boxes for linking lines. Note that
# regardless of userpic position the comments always indent from left.
function SpecialComments::print_comments(Comment[] comments, EntryPage page, string depth, bool has_siblings) {

# Specify where you want to halt the indentation -- comments at his depth
# will have the same amount of indent as their parent comment.
# Note that comments with same-depth siblings will still indent
var int no_indent_depth = 6;

if (size $comments == 0) {
return;
}

var int count = 0;
var string newDepth;
var string liclass;
foreach var Comment c ($comments) {
$liclass="";
# Comments threadlist for printing out
# last thing in thread is a permalink
$newDepth = $depth + """<li class="highlight1"><a href="$c.permalink_url">$c.depth</a></li>""";

var string sideborder = "";
var string indent = "margin-left: 0px;";
if (($has_siblings) or ($c.depth < $no_indent_depth)) {
$indent = "";
}
if ($c.depth == 1) {
$indent = "margin-left: 0px;";
$sideborder = "border-left: 0 none black;";
}
var string partialcomment = $c.full ? "" : "partial";

# Open the div that provides the left trace
"""<div class="commenttrace_y" style="$sideborder"> """;

# This is the last comment at this level, so close the vertical trace div right away
if ($count == (size $comments - 1)) {
"""</div>""";
}

"""<div class="commenttrace_x">""";
"""<a name="$c.anchor"></a>""";
"""<div class="commentbox$partialcomment" id="$c.dom_id" style="$indent">""";
"""<ul class="commentcount">$newDepth</ul>""";
if ( $c.full ) {
$page->print_comment( $c );
}
else {
$page->print_comment_partial( $c );
}
"</div></div>";
"""<div class="commentforceindent" style="$indent">""";
var bool multiple_replies = false;
if (size $c.replies > 1) {
$multiple_replies = true;
$liclass="class='highlight2'";
}
$newDepth = ($c.full) ? $depth + """<li $liclass><a href="#$c.anchor">$c.depth</a></li>"""
: $depth + """<li $liclass><a href="$c.thread_url">$c.depth</a></li>""";

$this->print_comments($c.replies, $page, $newDepth, $multiple_replies);
"""</div>""";

# This was not the last comment at this level, so only close the vertical trace
# div now, so it spans all replies
if ($count != (size $comments - 1)) {
"""</div>""";
}

$count = $count + 1;
}
}

Adding a random header image

Sun, 12 Nov 2006 20:07:06 GMT

The Requirements:A webhost that supports PHP and a php script that calls the images (get that here). A free webhost that supports php is for example Funpic.What we need to do:Save this code as randomizer.php and upload it to your host.Upload all the images we want to use as a random header in the same directory as the php script.Now use the url of the randomizer.php script the same way as you would use a image urlCopy the contents of this box and save it as randomizer.php

<?php/* AUTOMATIC IMAGE ROTATOR Version 2.2 - December 4, 2003 Copyright (c) 2002-2003 Dan P. Benjamin, Automatic, Ltd. All Rights Reserved. http://www.hiveware.com/imagerotator.php  http://www.automaticlabs.com/   DISCLAIMER Automatic, Ltd. makes no representations or warranties about the suitability of the software, either express or implied, including but not limited to the implied warranties of merchantability, fitness for a particular purpose, or non-infringement. Dan P. Benjamin and Automatic, Ltd. shall not be liable for any damages suffered by licensee as a result of using, modifying or distributing this software or its derivatives.   ABOUT This PHP script will randomly select an image file from a folder of images on your webserver.  You can then link to it as you would any standard image file and you'll see a random image each time you reload.  When you want to add or remove images from the rotation-pool, just add or remove them from the image rotation folder. VERSION CHANGES Version 1.0  - Release version  Version 1.5  - Tweaked a few boring bugs  Version 2.0  - Complete rewrite from the ground-up  - Made it clearer where to make modifications  - Made it easier to specify/change the rotation-folder  - Made it easier to specify/change supported image types  - Wrote better instructions and info (you're them reading now)  - Significant speed improvements  - More error checking  - Cleaner code (albeit more PHP-specific)  - Better/faster random number generation and file-type parsing  - Added a feature where the image to display can be specified  - Added a cool feature where, if an error occurs (such as no    images being found in the specified folder) *and* you're    lucky enough to have the GD libraries compiled into PHP on    your webserver, we generate a replacement "error image" on    the fly.      Version 2.1        - Updated a potential security flaw when value-matching          filenames    Version 2.2        - Updated a few more potential security issues        - Optimized the code a bit.        - Expanded the doc for adding new mime/image types.        Thanks to faithful ALA reader Justin Greer for        lots of good tips and solid code contribution! INSTRUCTIONS 1. Modify the $folder setting in the configuration section below. 2. Add image types if needed (most users can ignore that part). 3. Upload this file (rotate.php) to your webserver.  I recommend    uploading it to the same folder as your images. 4. Link to the file as you would any normal image file, like this:   <img src="http://example.com/rotate.php"> 5. You can also specify the image to display like this:   <img src="http://example.com/rotate.php?img=gorilla.jpg">    This would specify that an image named "gorilla.jpg" located  in the image-rotation folder should be displayed.  That's it, you're done.*//* ------------------------- CONFIGURATION ----------------------- Set $folder to the full path to the location of your images. For example: $folder = '/user/me/example.com/images/'; If the rotate.php file will be in the same folder as your images then you should leave it set to $folder = '.';*/ $folder = '.';/*  Most users can safely ignore this part.  If you're a programmer, keep reading, if not, you're done.  Go get some coffee.    If you'd like to enable additional image types other than gif, jpg, and png, add a duplicate line to the section below for the new image type.  Add the new file-type, single-quoted, inside brackets.  Add the mime-type to be sent to the browser, also single-quoted, after the equal sign.  For example:  PDF Files:  $extList['pdf'] = 'application/pdf';     CSS Files:        $extList['css'] = 'text/css';    You can even serve up random HTML files:     $extList['html'] = 'text/html';     $extList['htm'] = 'text/html';    Just be sure your mime-type definition is correct!*/    $extList = array(); $extList['gif'] = 'image/gif'; $extList['jpg'] = 'image/jpeg'; $extList['jpeg'] = 'image/jpeg'; $extList['png'] = 'image/png'; // You don't need to edit anything after this point.// --------------------- END CONFIGURATION -----------------------$img = null;if (substr($folder,-1) != '/') { $folder = $folder.'/';}if (isset($_GET['img'])) { $imageInfo = pathinfo($_GET['img']); if (     isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) &&        file_exists( $folder.$imageInfo['basename'] )    ) {  $img = $folder.$imageInfo['basename']; }} else { $fileList = array(); $handle = opendir($folder); while ( false !== ( $file = readdir($handle) ) ) {  $file_info = pathinfo($file);  if (      isset( $extList[ strtolower( $file_info['extension'] ) ] )  ) {   $fileList[] = $file;  } } closedir($handle); if (count($fileList) > 0) {  $imageNumber = time() % count($fileList);  $img = $folder.$fileList[$imageNumber]; }}if ($img!=null) { $imageInfo = pathinfo($img); $contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ]; header ($contentType); readfile($img);} else { if ( function_exists('imagecreate') ) {  header ("Content-type: image/png");  $im = @imagecreate (100, 100)      or die ("Cannot initialize new GD image stream");  $background_color = imagecolorallocate ($im, 255, 255, 255);  $text_color = imagecolorallocate ($im, 0,0,0);  imagestring ($im, 2, 5, 5,  "IMAGE ERROR", $text_color);  imagepng ($im);  imagedestroy($im); }}?>

[S1] and [S2] Profile Icons

Tue, 03 Oct 2006 14:08:49 GMT

This tutorial shows you how to replace the little profile icons (,,,,,) with your own. If you use a Mozilla based browser, Internet Explorer 7 or Opera (not sure about Safari, but it should work there too) you can replace each image with a different one. If you use the complete code, in Internet Explorer 6 and lower you will only see one new image. You can remove the red part and you keep the six old images in IE 6 and lower and see the six new images in other browsers.
Older Versions then version 6 of the Microsoft Internet Explorer do not understand the part in blue, other browsers like Firefox and Opera don't understand the red part.

/*profile icons*/


/* so that IE users will see a new image */

* html span.ljuser{

background-image: url(YOUR
IMAGE FOR THE USER) !important;

background-repeat: no-repeat;

background-position: left middle;

padding: 0px 16px 16px 0px !important;

}

* html span.ljuser img{

visibility: hidden;

}


/* icon for users */

.ljuser img[src*="userinfo.gif"] {

width: 0;

height: 0;

background-repeat: no-repeat;

background-image: url(YOUR IMAGE FOR THE USER) !important;

padding: 16px 16px 0 0 !important;

}

/* icon for communities */

.ljuser img[src*="community.gif"] {

width:0;

height: 0;

background-repeat: no-repeat;

background-image: url(YOUR COMMUNITY IMAGE) !important;

padding: 16px 16px 0 0 !important;

}

/* icon for sponsored communities */

.ljuser img[src*="sponcomm.gif"] {

width:0;

height: 0;

background-repeat: no-repeat;

background-image: url(YOUR SPONCOMM IMAGE) !important;

padding: 16px 16px 0 0 !important;

}

/* icon for syndicated */

.ljuser img[src*="syndicated.gif"] {

width: 0;

height: 0;

background-repeat: no-repeat;

background-image: url(YOUR SYDICATED IMAGE) !important;

padding: 16px 16px 0 0 !important;

}

/* icon for news */

.ljuser img[src*="newsinfo.gif"] {

width:0;

height: 0;

background-repeat: no-repeat;

background-image: url(YOUR NEWS IMAGE) !important;

padding: 16px 16px 0 0 !important;

}

/* icon for open-id */

.ljuser img[src*="openid-profile.gif"] {

width:0;

height: 0;

background-repeat: no-repeat; 

background-image: url(YOUR OPEN-ID IMAGE) !important;

padding: 16px 16px 0 0 !important;

}

The 16px you see everywhere are the width and height of the image. You can either use images that are also 16x16px or you will have to change the numbers.
In S1 the above coding belongs in your HEAD codes between the style tags. You don't understand? Please read "Merging your overrides/the style tag." In S2 it belongs in either your external stylesheed, the Custom CSS box or in the CSS section of your layer.

Different ways to add a header in S1

Tue, 18 Jul 2006 17:22:32 GMT

Four different ways to add a header!

1. Header without a background
2. Header with background - doesn't really work with the nav strip enabled, doesn't work with sponsored+, doesn't work with sidebars, makes problems with the Contextual Popup, only works with S1 Generator
3. Header with background 2 - no known problems, needs a website listed in the profile to work
4. Header with background 3 / imagemap - no known problems, needs a website listed in the profile to work
5. Colorcodes explained
6. How to center the header while using Header with background 2 or Header with background 3 / imagemap
7. Example: centered imagemap
7. Example 2: left aligned imagemap
8. Entries on top of header

1. the easy version - Header without a background (we add the header as a backgound image) / should work with all S1 styles

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

2. the second version - doesn't really work with the nav strip enabled, doesn't work with sponsored+ / Plus accounts and doesn't work with sidebar layouts - only works with Generator

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

to make it work with the navbar, you have to add

#lj_controlstrip_poweredby{
display:none;
}
to your GLOBAL_HEAD

3. the third version - no known problems / should work with all S1 styles

Change these numbers to suit your needs.

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<div id="x"> </div>


<div> </div>
<=LASTN_WEBSITE

4. the fourth version - no known problems - the only version that works with imagemaps / should work with all S1 styles
Change these numbers to suit your needs.

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<div id="x"><img src="http://urltoyourheader"></div>


<div> </div>
<=LASTN_WEBSITE

Colorcodes explained!

background-color: black;
This is the background that will show while your background is loading, or if your background image does not cover the whole window.

background-image: url(http://urltoyourbackground);
The background image url goes here.

background-repeat: repeat;
If you want your background to have a tiled effect, then make leave this as it if. If you don't want your image to be tiled, then change this to no-repeat.

background-attachment: fixed;
This means that your background will not scroll with the entries. If you want it to scroll, then change this to scroll.

background-position: top left;
This is where you can position your background as you please.

background-image: url(http://urltoyourheader)
This is the url to your header image.

background-repeat: no-repeat;
You likely won't want your header to repeat, so leave this as it is.

background-position: top center;
This positions your header image.

padding-top:300;
This sets the height of the space above your entries, so that the entries do not overlap your image. Set this number to the height of your banner + 10.

div table { width: 640;
This sets the width of your entries, so that they're the same width as your banner. Set this to the width of your header.

How to center the header!

Explanation for "Adding a header version 3 and 4"

If you want your header centered (and use version 3 or 4 of the ways to add a header), you need to know the exact width of it.

Codes for version 3	Codes for version 4
`#x{`backgound-image:url(http://urltoyourheader);`position:absolute; visibility: visible; top:0px; width: 780px; left:50%; margin-left:-390px; height: 200px; }`	`#x{ position:absolute; visibility: visible; top:0px; width: 780px; left:50%; margin-left:-390px; height: 200px; }`





left:50%; will shift the left edge of
the image to the center of the page, never change the 50% to something
else, you have to move the image with
the margin-left
codes.

The margin-left needs to be half the number of pixels of the width of your image. So if you have an image with width 800px, you'd put 800px in the width and -400px in the margin-left part.

You can change the number for the top to what you like.

When you are using this method, you may use either positive or negative numbers to move the header left and right:

Enter the height of your image where it says height.

You MUST define a width or this will NOT work.

A positive margin-left will push your image to the right.

A negative margin-left will push your image to the left.

A negative margin-left that is exactly half of the width will center image as shown above

Then, of course, you need the actual header code:



<div id="x">

<!--HEADER IMAGE-->

<img src="http://yourheaderurlhere"
style="display:inline;">

</div>

To make sure it works in IE, you need this code after every div:



<!--This fixes a bug in Internet Explorer-->

<div> </div>

Advanced example: Version 4 - centered + imagemap!
Read: "How to center the header!" first

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<div id="x">
<img src="http://www.yourimage.com" width="600px" height="330px" border="0" alt="" usemap="#image_map_name">
</div>

<div> </div>

<map name="image_map_name">
<area shape="rect" alt="link name" coords="453,246,563,267" href="http://www.yourlink.com">
<area shape="rect" alt="link name" coords="314,246,428,267" href="http://www.yourlink.com">
<area shape="rect" alt="link name" coords="159,246,290,267" href="http://www.yourlink.com">
<area shape="rect" alt="link name" coords="32,246,140,268" href="http://www.yourlink.com">
</map>
<=LASTN_WEBSITE

Advanced example: Version 4 - left aligend + imagemap!

GLOBAL_HEAD<=
<style type="text/css">

</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<div id="x">
<img src="http://www.yourimage.com" width="600px" height="330px" border="0" alt="" usemap="#image_map_name">
</div>

<div> </div>

<map name="image_map_name">
<area shape="rect" alt="link name" coords="453,246,563,267" href="http://www.yourlink.com">
<area shape="rect" alt="link name" coords="314,246,428,267" href="http://www.yourlink.com">
<area shape="rect" alt="link name" coords="159,246,290,267" href="http://www.yourlink.com">
<area shape="rect" alt="link name" coords="32,246,140,268" href="http://www.yourlink.com">
</map>
<=LASTN_WEBSITE

Entries on top of header
If you notice, that your entries are hidden under the header try to add this code to your GLOBAL_HEAD


.entrybox{

position:relative;

}