Beating Opal

Spacing for Entry Links

bowserbabe — Tue, 20 Jul 2010 20:35:04 GMT

This is making me crazy.

My current layout:
http://bowserbabe.livejournal.com
Code

My testing/mess-with layout:
http://bowserbabe.livejournal.com/?s2id=5402248
Code

On the one I have now, which I did not make but have done things to over the years, there is no space/  before the "Leave a comment" text. But I can't seem to replicate that. I have no idea where that code is in the layer.

Obviously it's in there somewhere. o.O

This is what I'm talking about in view source:

<div class="entrylinks">
<a href="http://bowserbabe.livejournal.com/204015.html?mode=reply">&nbsp; What was that?&nbsp; </a>
<a href="http://www.livejournal.com/editjournal.bml?journal=bowserbabe&itemid=204015">Edit Entry</a>
<a href="http://www.livejournal.com/tools/memadd.bml?journal=bowserbabe&itemid=204015">Add to Memories</a>
<a href="http://bowserbabe.livejournal.com/204015.html">Link</a>

Edit: What is it about posting your problem that makes you figure it out minutes later? CommentInfo::print_postlink() and CommentInfo::print_readlink() were throwing me because they say "Comment" and not "Entry" but... all fixed now. They're even there in my current code! Augh I feel stupid now.

Header images for sidebar boxes and entry link separator

voressima — Sun, 18 Jul 2010 20:53:08 GMT

I am currently in the process of making a new layout for a friend, and just like every other time I made something new in opal, I came across some issues.

(I really need to learn to stick to just changing colors and slapping a new header on a layout that already works!)

Problem 1: in the sidebar, all boxes have a little header image instead of the plain, standard bolded text title. However, I can't get this for the link list and the page summary. The only piece of code I have on those is $this->lay_print_summary(); and $this->print_linklist();, so, eh, not a lot to work with. Does someone know of any extended code for those, one where I can define a header image etc?

I want to somehow be able to get the "Links" to look like the other titles in the sidebar.

(I never use the page summary and go into the raw source code to add links instead of somehow retreiving the data from the default link list, so it's never been an issue before...)

Problem 2: Details, details... But I'd really like to be able to have my entry links separated by a simple character, "|" or ":", haven't decided yet. Something like this:

comment | edit entry | edit tags

There seems to be a piece of code for that under Entry::print_linkbar(), but when I put a "|" in the spot where I think it should go, it doesn't show up. I probably put it in the wrong place or something :/ (It's also not a color-issue, such as black on black and therefore not being visible. I checked by making my the background color of my entries something bright and nasty)

My code (work in progress):

layerinfo "type" = "theme";
layerinfo "name" = "prince of persia gold&brown";
layerinfo author_name = "Halffling on LiveJournal.com";
layerinfo author_email = "halffling@livejournal.com";
layerinfo des = "Based on the template offered by ignited";
layerinfo lang = "en";
layerinfo source_viewable = 0;
layerinfo is_public = 0;

set color_bg                   = "#17120c"; 
set color_bg_font              = "#dadada";
set color_fg                   = "#000000";
set color_fg_font              = "#b3ae88";
set color_med                  = "#17120c";
set color_med_font             = "#504136";
set font_base                  = "Arial";
set lang_fmt_date_short        = "%%day%%, %%month%% %%dayord%% %%yyyy%%";
set lang_fmt_time_short        = "%%h%%:%%min%%%%a%%m";
set links_header               = "Links";
set show_entry_userpic         = true;
set static_font_size           = "11";
set static_font_measurement    = "px";
set tags_aware                 = true;
set text_back                  = "Back";
set text_forward               = "Forward";
set text_meta_location         = "Location:";
set text_meta_mood             = "Mood:";
set text_meta_music            = "Music:";
set text_post_comment          = "Comment";
set text_post_comment_friends  = "Comment";
set text_read_comments         = "1 comment // # comments";
set text_read_comments_friends = "1 comment// # comments";

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

/*code for automatically shrinking oversized pics*/
""";
if( $.view =="entry")
{
"""
.entrytext img { }""";
}
else
{
"""
.entrytext img {max-width: 82%;}
""";
}"""

.entries {
	font-size: $*static_font_size$*static_font_measurement;
	line-height:9pt;
	text-align:justify;
	width:633px;
	padding-left:6px;
	}

/*code for replacing metadata icons*/
/* http://ephi.livejournal.com/665.html */
.ljuser img
{
  /* fallback code for older browsers */
  width: 0;
  height: 0;
  padding: 12px 0 0 11px;
  /* for some reason IE doesn't understand 
  background shortcuts for this one */
  background-image: url('http://dina.straechav.com/livejournal/userinfo-lightblue.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"]
{ background-image: url('http://dina.straechav.com/livejournal/userinfo-lightblue.png'); }

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"]
{ background-image: url('http://dina.straechav.com/livejournal/comm-blue.png'); }

.ljuser img[src="http://l-stat.livejournal.com/img/syndicated.gif"]
{ background-image: url('http://dina.straechav.com/livejournal/feed-blue.png'); }

.ljuser img[src="http://l-stat.livejournal.com/img/newsinfo.gif"]
{ background-image: url('http://dina.straechav.com/livejournal/news.png'); }

</style>
""";
}

function print_stylesheet() {
var string page_background_image = "";
var Color  color_one             = "#d9c164"; 
var Color  color_two             = "#c1c1c1";
var Color  color_three           = "#cdcdcd";
var Color  color_four            = "#d9c164";
var Color  color_five            = "#504136";
var Color  color_six             = "#504136";
var Color  color_seven           = "#17120c";
var Color  color_eight           = "#17120c";
var Color  color_nine            = "#504136";
var Color  color_ten             = "#17120c";
var Color  color_eleven          = "#447369";
var Color  color_twelve          = "#a7a7a7";

var string static_font_size_plus1  = (int($*static_font_size) + 1) + "";
var string static_font_size_plus2  = (int($*static_font_size) + 2) + "";
var string static_font_size_minus1 = (int($*static_font_size) - 1) + "";
var string static_font_size_minus2 = (int($*static_font_size) - 2) + "";

"""
/* Hello! This is the stylesheet of Halffling @ LJ. */
/* My comments are placed between things like this */
/* in order to help you along. */

body {
  background-color:      $*color_bg;
""";
if(clean_url($page_background_image) != "") {
$page_background_image = clean_url($page_background_image);
"""
  background-image:      url($page_background_image);
""";
}
"""
  font-family:           $*font_base;
  color:                 $*color_bg_font;
  font-size:             $*static_font_size$*static_font_measurement;
  line-height:            9pt;
  overflow-x:hidden;
  margin-left:            0px;
  margin-top:            0px;
  margin-right: 0px;
  margin-bottom:0px;

}
/*html {
  scrollbar-face-color:       $*color_fg;
  scrollbar-arrow-color:      $*color_fg;
  scrollbar-highlight-color:  $color_one;
  scrollbar-3dlight-color:    $color_two;
  scrollbar-shadow-color:     $color_three;
  scrollbar-darkshadow-color: $color_two;
  scrollbar-track-color:      $*color_bg;
}*/

.pagealign {
	text-align:center;
	}

.bodytable {
	width:50%;
	}
/* borders along the page. */
/* To disable a border, change to 0px */
.border4 {
  border: 0px solid $color_four;
}

.border3 {
  border: 0px solid $color_three;
}

.border2 {
  border: 0px solid $color_five;
}

/* links on page */
a, a b {
  color:           $color_one;
  font-weight:     bold;
  text-decoration: none;
}

/* links when cursor is hovering over it */
a:hover, a:hover b, a:hover .nosubject {
  color:           $*color_fg_font;
  font-weight:     bold;
  text-decoration: none;
}

/* italicized text. Remove if you don't want it a different color */
/*i {
  color: $color_two;
}*/

/* bolded text. Remove if you don't want it a different color */
/*b {
  color: $color_three;
}*/

/* change to 'float:right' if you want your posting icon on the right. */
.userpic2 {
  float:        left;
  text-align:   right;
  margin-right: 3px;
  border:5px solid $color_five;

}

/*if userpic in the sidebar is enabled. */
#userpic { 
  overflow:      visible; 
  text-align:    center;
  margin-bottom: 5px; 
  padding:       2px;
}

/* the next three deal with the navigation links at the top */
#nav {
  background-color: $*color_fg;
  font-size:        $static_font_size_minus1$*static_font_measurement;
  letter-spacing:    2px;
  text-transform:   uppercase;
  padding-top:      4px;
  padding-bottom:4px;
  padding-left: 35px;
  white-space:      nowrap;

}

#nav a {
  font-size:        $static_font_size_minus1$*static_font_measurement;
  color:            $color_one;
  text-decoration:  none;
  padding-left:     12px;
  padding-right:    10px;
  padding-top:       1px;
  background-color: $*color_fg;
  border: 1px solid $color_one;
-moz-border-radius: 6%;

}

#nav a:hover {
  color:            $*color_bg_font;
  background-color: $*color_bg;
-moz-border-radius: 6%;

}

/* main area of text */
#content {
  background-color: $*color_fg;
  padding:          0px;

}

.sidetd {
  width: 175px;
 background-image: url(http://i2.photobucket.com/albums/y25/schemering/testsidebarbg.png);
padding:0px;

}

/* the columns */
.columncontent {
  font-size:        $static_font_size_minus1$*static_font_measurement;
  text-align:       center;
  background-color: transparent;
  padding:           0px;
  color:          $*color_med_font;
}

/* the header of each column */
.columncontent strong {
  font-size:      $static_font_size_minus1$*static_font_measurement;
  color:          $*color_bg_font;
  font-weight:    bold;
  text-transform: uppercase;
}

/* text area of the columns */
.columnitem {
  width: 140px;
  padding:          0px;
  margin-top:       0px;
  margin-left:	    12px;
  background-color: $*color_med;
  overflow:         hidden;

}

/* links in the side column */
#sidecolumn a {
  color:           $color_one;
  font-size:       $static_font_size_minus1$*static_font_measurement;
  text-decoration: none;
}

#sidecolumn a:hover {
  color:           $*color_med_font;
  font-size:       $static_font_size_minus1$*static_font_measurement;
  text-decoration: none;
}

/* the calendar on the side */
.calrow {
  clear:      both;
  width:      120px;
  text-align: center;
}

.calempty {
  width: 5px;
}

.calactitem {
  font-size:        $static_font_size_minus2$*static_font_measurement;
  text-align:       center;
  background-color: $*color_med;

/*border-right: solid 1px #5e8f5c;
	border-bottom: solid 1px #5e8f5c;*/
	}

.calinitem {
  font-size:  $static_font_size_minus2$*static_font_measurement;
  text-align: center;
}

/* days on the calendar page */
.bigday {
  font-size:   $*static_font_size$*static_font_measurement;
  font-weight: bold;
}

/* the text area on the Reply to Post or Comment page */
input, textarea, select {
  color:            $*color_fg_font;
  font-family:      $*font_base;
  font-size:        $*static_font_size$*static_font_measurement;
  background-color: $*color_fg;
  border:           1px solid $*color_fg_font;
}

/* the subject of the post */
.subject {
  color:          $color_four;
  font-size:      14px;
  font-family: $*font_base;
  font-weight:    bold;
  text-transform: uppercase;
  padding-top:     4px;
  padding-bottom:  1px;
  padding-right:   3px;
  padding-left:   3px;
  border-top: $color_five 3px solid;
  background-color: $color_eight;

}

/* the following deal with entries themselves */
.entry {
  font-size:     $*static_font_size$*static_font_measurement;
  color:            $*color_fg_font;
  margin-bottom: 10px;
  padding:2px;}

/* the following was causing issues in firefox */
/*
.entrytext {
  overflow-x:    hidden;
  text-overflow: clip;
  word-wrap:     break-word;
}*/

.entrycontent {
	width:100%;
	padding:0px;
	}

/* mood & song */
.meta {
  text-transform: uppercase;
  font-size:      $static_font_size_minus1$*static_font_measurement;
  font-weight:    bold;
}

/* tags */
.tags {
  color:            $color_six;
  font-size:        $static_font_size_minus2$*static_font_measurement;
  background-color: $color_seven;
  text-transform:   uppercase;
  padding:          1px;
}

/* the next two are where it says "posted by" */
.entryinfo {
  color:            $color_nine;
  font-size:        $static_font_size_minus2$*static_font_measurement;
  font-weight:      bold;
  text-transform:   uppercase;
  background-color: $color_ten;
  padding-top:      2px;
  padding-bottom:   2px;
}

/* the next three deal with the links at the bottom of each entry */
.entrylinks {
  font-size:        $static_font_size_minus2$*static_font_measurement;
  padding-top:      2px;
  padding-bottom:   2px;
  /*background-color: $color_two;*/
  text-align:       center;
}
	
.entrylinks a {
  color:           $*color_fg_font;
  text-align:      center;
  text-transform:  uppercase;
  text-decoration: none;
  white-space:     nowrap;
  border: 0px solid $color_four;
  margin-right:3px;
  -moz-border-radius: 6%;
}
	
.entrylinks a:hover {
  color:            $color_one;
  background-color: $*color_fg;
  text-decoration:  none;
}

/* when a whole bunch of replies occurs and they turn to boxes */
.minicomment {
  font-size:        $*static_font_size$*static_font_measurement;
  padding:          4px;
  background-color: $color_one;
  border:           2px solid $*color_bg;
}
	
.minicommentholder {
  border: 1px solid $color_two;
}

.messageholder {
  border:        1px solid $color_two;
  margin-bottom: 5px;
  margin-top:    5px;
background-color:$*color_fg;
}

/* when viewing comments, where it says "comments" */
.notablemessage {
  padding: 4px;
background-color: $*color_fg;

}

/* year in calendar page */
.systemtext {
  color:          $color_eleven;
  font-weight:    bold;
  text-transform: uppercase;
}

/* back, forward links, etc. */
.systemmessage {
  font-size:        $*static_font_size$*static_font_measurement;
  background-color: $*color_fg;
  border:            2px solid $*color_bg;
}

.systemmessage a {
  padding-left:   10px;
  padding-right:  10px;
  padding-top:     2px;
  padding-bottom:  2px;
}

.systemmessage TD {
  font-size: $*static_font_size$*static_font_measurement;
  padding:    2px;
}

/* on the comments page, the username of the commenter */
.postedby {
  font-size:      $*static_font_size$*static_font_measurement;
  text-transform: uppercase;
}

/* if you enabled IP logging */
.ip {
  color: $color_one;
}

/* if logged in, this edits the "mass action on selected comments" option */
.multiform {
  font-weight: bold;
}

/* the links that say 'back to top' at the bottom of each entry */
.backtop {
  text-align: right;
  margin-bottom: 4px;
  padding:2px;
  background-repeat: no-repeat;
  background-position: center;
}

.backtop a {
  color: $color_five;
}

/* I'm not sure if the next two really do anything */
.friendcolor {
  width:  10px;
  height: 10px;
}

.friendname {
	text-decoration:none;
	}
""";
}

function Page::lay_print_sidebar ()  {

"""<img src="http://i2.photobucket.com/albums/y25/schemering/testsidebarheader.png" />""";

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

var string newcolumn1 = """
<div class="columnitem" style="text-align:center">
Blah blah blah.
<br>
Blah blah blah.
""";
print_box("""<img src="http://dina.straechav.com/*temp-delete_after_use/pop1-profile.png">""", $newcolumn1);

$this->lay_print_calendar();
# $this->lay_print_summary();
$this->print_linklist();
#$this->lay_print_freetext();

var string header2 = "";
var string content2 = "";

var string[] text;
    $text[0]="random text 1";
    $text[1]="random text 2";
    $text[2]="random text 3";

var int randtext;
    $randtext = rand(0, ((size $text) - 1));

$header2 = """<img src="http://dina.straechav.com/*temp-delete_after_use/pop1-random.png">""";
$content2 = """<font style="font-weight:bold; line-height:10px">""" +
box_item("$text[$randtext]");
print_box($header2, $content2);

$header  = """<img src="http://dina.straechav.com/*temp-delete_after_use/pop1-controls.png">""";
$content = "";
var string   nav_key   = "";
var string[] nav_order = [];
var string{} nav_url   = {"" => ""};
var string{} nav_text  = {"" => ""};

#$nav_key                     = "recent";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = $.view_url{"recent"};
#$nav_text{$nav_key}          = lang_viewname("recent");

#$nav_key                     = "info";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = $.view_url{"userinfo"};
#$nav_text{$nav_key}          = lang_viewname("userinfo");

#$nav_key                     = "userpics";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = $.journal.userpic_listing_url;
#$nav_text{$nav_key}          = "Userpics";

#$nav_key                     = "filters";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = "$*SITEROOT/friends/filter.bml";
#$nav_text{$nav_key}          = "Filters";

$nav_key                     = "mems";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/tools/memories.bml?user=$.journal.username";
$nav_text{$nav_key}          = "Memories";

#$nav_key                     = "poll";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = "$*SITEROOT/poll/create.bml";
#$nav_text{$nav_key}          = "Create Poll";

$nav_key                     = "editpics";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/editpics.bml";
$nav_text{$nav_key}          = "Manage Userpics";

#$nav_key                     = "editinfo";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = "$*SITEROOT/userinfo.bml?user=voressima";
#$nav_text{$nav_key}          = "Manage Profile";

#$nav_key                     = "linklist";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = "$*SITEROOT/manage/links.bml";
#$nav_text{$nav_key}          = "Manage Links";

$nav_key                     = "mood";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/manage/moodthemes.bml";
$nav_text{$nav_key}          = "Manage Moodthemes";

$nav_key                     = "comms";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/community/manage.bml";
$nav_text{$nav_key}          = "Manage Communities";

$nav_key                     = "edittags";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/manage/tags.bml";
$nav_text{$nav_key}          = "Manage Tags";

$nav_key                     = "layout";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/customize/";
$nav_text{$nav_key}          = "Customize Layout";

$nav_key                     = "adv";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/customize/advanced/";
$nav_text{$nav_key}          = "Advanced Customization";

#$nav_key                     = "recentcomments";
#$nav_order[size($nav_order)] = $nav_key;
#$nav_url{$nav_key}           = "$*SITEROOT/tools/recent_comments.bml";
#$nav_text{$nav_key}          = "Recent Comments";

$nav_key                     = "inbox";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/inbox/";
$nav_text{$nav_key}          = "Inbox";

$nav_key                     = "login";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/login.bml";
$nav_text{$nav_key}          = "Login";

$nav_key                     = "logout";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/logout.bml";
$nav_text{$nav_key}          = "Logout";

$nav_key                     = "sitemap";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/site/";
$nav_text{$nav_key}          = "Sitemap";

$nav_key                     = "comsearch";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/community/search.bml";
$nav_text{$nav_key}          = "Community Search";

$nav_key                     = "feeds";
$nav_order[size($nav_order)] = $nav_key;
$nav_url{$nav_key}           = "$*SITEROOT/syn/";
$nav_text{$nav_key}          = "Syndication";

foreach var string n ($nav_order) {
  var string url  = $nav_url{$n};
  var string text = $nav_text{$n};
  $content = $content + box_item("""<a href="$url">$text</a>""");
}

print_box($header, $content);

$header  = """<img src="http://dina.straechav.com/*temp-delete_after_use\pop1-tags.png">""";
$content = "";
var Page   p       = get_page();
var Tag[]  tags    = $p->visible_tag_list();
foreach var Tag tag ($tags) {
  $content = $content + box_item("""<a href="$tag.url">$tag.name</a>""");
}

print_box($header, $content);

}

#function Page::lay_print_calendar ()  {
 #   var YearMonth m = $this->get_latest_month();
#var string url = "$m.url";
 #   var string title = "";
  #  var string mon = $m->month_format();
   # var string text;
    #$text = """ <div class="columnitem"><a href="$url">$mon</a>
    #        <table cellspacing="2" cellpadding="2" border="0" width="100%">""";
#

#   foreach var YearWeek w ($m.weeks) {
  #      $text = $text + """
   #             <tr>""";
    #    if($w.pre_empty > 0) {
     #       foreach var int empty (1..$w.pre_empty)  {
      #          $text = $text + """
       #             <td class="calempty"> </td>""";
       #     }
        #}
        #foreach var YearDay d ($w.days) {
         #   if($d.num_entries > 0) {
         #       $text = $text + """
          #          <td class="calactitem"><a href="$d.url">$d.day</a></td>""";
           # } else {
            #    $text = $text + """
             #       <td class="calinitem">$d.day</td>""";
            #}
       # }
        #$text = $text + "</tr>\n";
    #}
    #$text = $text + "</table></div>";
    #print_box($title, $text);
#}

# ----------------------------------------------------------
# Sidebar Calendar Week Starts on Monday Instead of Sunday
# ----------------------------------------------------------

function Page::lay_print_calendar () {
var Page p = get_page();
var YearMonth m = $p->get_latest_month();
var string url = "$m.url";

var string mon = $m->month_format();
var string text;
if($m.has_entries) {
$text = """<div class="columnitem"><a href="$url">$mon</a>
<table cellspacing="2" cellpadding="2" border="0" width="100%">""";
var YearWeek[] theWeeks = $m.weeks;

var YearMonth NewMonth;
var int NewWeek = 0;
var int NewDay;
var int NewStartDay;

var int count = 0;
foreach var YearWeek w ($m.weeks)
{
if ($w.pre_empty == 0)
{
$NewStartDay = 6;
}
else
{
$NewStartDay = $w.pre_empty - 1;
}
foreach var YearDay d ($w.days)
{
if ($d.day > 0)
{
$NewMonth.weeks[$NewWeek].days[$count] = $d;
}
$NewStartDay++;
$count++;
if ($NewStartDay >= 7)
{
if ($NewWeek == 0)
{
$NewMonth.weeks[$NewWeek].pre_empty = 7 - $count;
}
else
{
$NewMonth.weeks[$NewWeek].post_empty = 7 - $count;
}
$NewStartDay = 0;
$count = 0;
$NewWeek++;
}
}
}
if ($count >0)
{
$NewMonth.weeks[$NewWeek].post_empty = 7 - $count;
}

foreach var YearWeek w ($NewMonth.weeks) {
$text = $text + "<tr>";
var YearDay[] theDays = $w.days;
var int pre = $w.pre_empty;
if($pre > 0) {
$text = $text + """<td class="calempty" colspan="$pre"> </td>""";
}
foreach var YearDay d ($theDays) {
if ($d.num_entries) {
$text = $text + """<td class="calactitem"><a href="$d.url">$d.day</a></td>""";
} else {
$text = $text + """<td class="calinitem">$d.day</td>""";
}
}
$text = $text + "</tr>\n";
}

$text = $text + "</table></div>";
}
$mon = """<img src="http://dina.straechav.com/*temp-delete_after_use/pop1-calendar.png">""";
if ($text != "") {
print_box($mon, $text);
}
}

function Page::lay_print_header ()  {
# this is the order of the links
var string[] views_order = [];

var string title = $this->title();
	"""
	<div id="nav" align="center">
	""";

foreach var string v ($views_order) {
	println "<a href=\""+$.view_url{$v}+"\">"+lang_viewname($v)+"</a>";
	}

var string website;
	if($.journal.website_url != "") {
	$website = """<a href="$.journal.website_url">Website</a>""";
	}

"""
	$website
	""";
var string[] text;
var string[] url;

# copy sets as necessary
# make sure that the index numbers (bolded numbers) are the same in each group
# this program will step thru them in numerical order

$text[0] = "Recent Entries";
	$url[0]  = "$*SITEROOT/users/stubenfliege";

$text[4] = "Userinfo";
	$url[4]  = "$*SITEROOT/userinfo.bml?user=stubenfliege";

$text[2] = "Update";
	$url[2]  = "$*SITEROOT/update.bml";

$text[1] = "Friends";
	$url[1]  = "$*SITEROOT/users/stubenfliege/friends";

$text[3] = "Archive";
	$url[3]  = "$*SITEROOT/users/stubenfliege/calendar";

foreach var int i (0 .. (size($text) - 1)){
	println """<a href="$url[$i]">$text[$i]</a>""";
	}
	"""
	</div>
	</div>
	""";
	}

function Page::print ()  {
var string header_url    = "http://dina.straechav.com/*temp-delete_after_use/pop1-header.png";
var int    journal_width = 800;

var string title = $this->title();
"""
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>$title</title>
    <link rel="stylesheet" href="$.stylesheet_url" type="text/css"/>
""";
$this->print_head();
"""
  </head>
<body>
  <a name="top"></a>
""";
$this->print_control_strip();
"""
  <div align="center">
""";

if($header_url != "") {
"""
<img src="$header_url" />""";
}

"""
    <table cellspacing="0" cellpadding="0" border="0" width="$journal_width">
      <tr>

<td>
          <div align="left" width="100%">
""";
# $this->lay_print_username();
$this->lay_print_header();
"""
            <div class="border2">
              <div class="border3">
                <div class="border4">
                  <div id="content"  align="left">
                    <table cellspacing="0" cellpadding="0" border="0" >
                      <tr>
                        <td valign="top" class="sidetd" width="120">
                          <div id="sidecolumn" width="140" align="center">
""";
# $this->lay_print_userpic();
$this->lay_print_sidebar();
"""
                          </div>
                        </td>
                        <td valign="top" width="100%">
""";
$this->print_body();
$this->lay_print_subnav();
"""
                        </td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
      </tr>
    </table>
  </div>
</body>
</html>
""";
}

set text_meta_location = "Location:";
set text_meta_mood     = "Mood:";
set text_meta_music    = "Music:";

function Entry::print_metadata() {
  var string tags_header         = """<img src="http://dina.straechav.com/livejournal/tags-blue.png">""";  # 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       = ""; # html for opening of currents container
  var string currents_close      = ""; # 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     = """<div class="meta">""";   # html for opening of metadata label
  var string meta_label_close    = ""; # html for closing of metadata label
  var string meta_val_open       = " ";               # html for opening of metadata value
  var string meta_val_close      = """</div>""";     # 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" 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 = """<img src="http://dina.straechav.com/livejournal/heart-gray.png">""";
      } 
      elseif ($k == "music") {          # if music, set text to music property
        $text = """<img src="http://dina.straechav.com/livejournal/notes-blue.png">""";
      } elseif ($k == "location") {     # if location, set text to loc variable
        $text = """<img src="http://dina.straechav.com/livejournal/house-blue.png">""";
        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);
          }

# in this layout, each piece of meta gets its own class
          $meta_label_open  = """<div class="current$k"><strong>""";

# add the meta
          $currents         = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close""";
        }
      }
    }
        if(defined $.mood_icon) {
      $currents = $currents + """</td></tr></table>""";
    }

# close currents container
    $currents = $currents + $currents_close;

# print currents
    println "$currents";
  }
}

function Entry::print_linkbar() {
  var string   link_seperator = "|"; # seperator for links

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

var string print           = "";                                         # var for printing
  var Page   p               = get_page();                                 # page handle to determine interentry
  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;
    $link_image{"nav_prev"}   = $prev.icon.url;

# 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;
    $link_image{"nav_next"}   = $next.icon.url;
  }

# 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_image{$link_key}    = $link.icon.url;
    $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";
  }

#################################################################################################################
  # by now, the above hashes should look something like:                                                          #
  #                                                                                                               #
  # If interentry:                                                                                                #
  #   Previous Entry:                                                                                             # 
  #    $link_url{"nav_prev"}     = http://www.livejournal.com/go.bml?journal=exampleusername&itemid=256&dir=prev  #
  #    $link_caption{"nav_prev"} = Previous Entry                                                                 #
  #    $link_image{"nav_prev"}   = http://stat.livejournal.com/img/btn_prev.gif                                   #
  #                                                                                                               #
  # Edit Entry:                                                                                                   # 
  #  $link_url{"edit_entry"}     = http://www.livejournal.com/editjournal.bml?journal=exampleusername&itemid=256  #
  #  $link_caption{"edit_entry"} = Edit Entry                                                                     #
  #  $link_image{"edit_entry"}   = http://stat.livejournal.com/img/btn_edit.gif                                   #
  #                                                                                                               #
  # Edit Tags:                                                                                                    # 
  #  $link_url{"edit_tags"}      = http://www.livejournal.com/edittags.bml?journal=exampleusername&itemid=256     #
  #  $link_caption{"edit_tags"}  = Edit Tags                                                                      #
  #  $link_image{"edit_tags"}    = http://stat.livejournal.com/img/btn_edittags.gif                               #
  #                                                                                                               #
  # Add to Memories:                                                                                              # 
  #  $link_url{"mem_add"}        = http://www.livejournal.com/tools/memadd.bml?journal=exampleusername&itemid=256 #
  #  $link_caption{"mem_add"}    = Add to Memories                                                                #
  #  $link_image{"mem_add"}      = http://stat.livejournal.com/img/btn_memories.gif                               #
  #                                                                                                               #
  # If interentry:                                                                                                #
  #   Next Entry:                                                                                                 #
  #    $link_url{"nav_next"}     = http://www.livejournal.com/go.bml?journal=exampleusername&itemid=256&dir=next  #
  #    $link_caption{"nav_next"} = Next Entry                                                                     #
  #    $link_image{"nav_next"}   = http://stat.livejournal.com/img/btn_next.gif                                   #
  #################################################################################################################

# disable images
  $link_image{"mem_add"}     = "";
  $link_image{"edit_entry"}  = "";
  $link_image{"edit_tags"}   = "";
  $link_image{"tell_friend"} = "";

# 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 + """<a href="$link_url{$link_key}">   """;
      # if image url available, use it
      if($link_image{$link_key} != "") {
        $print = $print + """<img src="$link_image{$link_key}" alt="$link_caption{$link_key}" title="$link_caption{$link_key}" align="middle" border="0" />""";
      } else {
        # else, just use text
        $print = $print + "$link_caption{$link_key}";
      }
      # add a seperator
      $print = $print + "  </a> $link_seperator";
    }
  }

# hack off last seperator
  $print = $print->substr(0, $print->length() - $link_seperator->length());

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

function CommentInfo::print() {
    if ($.enabled) {
        if ($.count > 0 or $.screened) {
            $this->print_readlink();
        }
        $this->print_postlink();
    }
}

if($e.poster.username != $e.journal.username) {
		""" $e.journal""";
	}
	"""
	</div>
	""";
}

function Page::lay_make_username(Entry e) {
	"""
	<div class="entryinfo">$e.poster</div>
	""";
}

function Page::print_entry (Entry e)  {

print """<a name="item""" + $e.itemid + """\"></a>""";
	var string time = $e.time->time_format();
	var string date = $e.time->date_format();
	var string security;
	#if ($e.security != "") {
	#	$security =  """<img src="$e.security_icon.url" align="right" """+
	#	"""width="$e.security_icon.width" height="$e.security_icon.height" """+
	#	"""alt="[$e.security]" />""";
	#}

if($e.security == "") {
$security = """<img src="http://dina.straechav.com/livejournal/unlocked-gray.png" alt="[public post]" title="[public post]" style="vertical-align: bottom;" />""";
}
if($e.security == "protected") {
$security = """<img src="http://dina.straechav.com/livejournal/locked-gray.png" alt="$*text_icon_alt_protected" title="$*text_icon_alt_protected" style="vertical-align: bottom;" />""";
}
if($e.security == "private") {
$security = """<img src="Your Private Image URL" alt="$*text_icon_alt_private" title="$*text_icon_alt_private" style="vertical-align: bottom;" />""";
}
	var UserLite name;
	var string pname;

var bool show_name = ($.view == "friends" or $e.poster.username != $.journal.username or $.view == "entry") ? true : false;
	var bool show_pic = (defined $e.userpic and ($.view == "friends" or $*show_entry_userpic or $e.poster.username != $e.journal.username or $.view == "entry")) ? true : false;

"""
	<div class="entry">
	""";
	if($show_pic) {
		"""
	<div class="userpic2">
	<a href="$*SITEROOT/allpics.bml?user=$e.poster.username"><img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" border="0" alt="$e.poster.name" title="$e.poster.name" /></a>
	</div>
		""";
	}
	"""
	<div class="subject">$e.subject</div>
	<div class="entryinfo">$security <b>posted on:</b> $date <b>@</b> $time</div>
	""";
	if($show_name) {
		$this->lay_make_username($e);
	}
	var int    count     = 0;
	var string tags      = "";
	var string tags_root = $.journal->base_url() + "/tag";
	foreach var Tag t ($e.tags) {
	$tags = $tags + """<a href="$tags_root/$t.name">$t.name</a>""";
	if(++$count < size($e.tags)) {
	$tags = $tags + ", ";
	}
}
	if($tags != "") {
	$tags = "<b>Tags:</b> " + $tags;
}
	"""
<div class="tags">$tags</div>
<div class="entrytext"><br>
<div class="entry">"""; $e->print_text(); """</div>
	""";
	$e->print_metadata();
	"""
</div>
	</div>
<div class="entrylinks">
	""";

$e.comments->print();
	var string{} caption = {
		"edit_entry" => "Edit Entry",
		"edit_tags" => "Edit Tags",
		"mem_add" => "Add to Memories"
	};
	foreach var string key (["edit_entry","edit_tags","mem_add"]) {
		var Link link = $e->get_link($key);
		if ($link) {
			"""<a href="$link.url">   $caption{"$key"}    </a>""";
		}
	}
	"""
</div>
	<div class="backtop"><img src="http://dina.straechav.com/livejournal/trent2backtotopx.png" border="0"> <a href="#top">back to top</a></div>
	""";
}

function ReplyPage::print_body() {
	var EntryLite e = $.replyto;
	var string poster = defined $e.poster ? $e.poster->as_string() : "<i>(Anonymous)</i>";
	var string datetime;
	var string time = $e.time->time_format();
	var string date = $e.time->date_format();

var UserLite name;
	if(defined $e.userpic and $*comment_userpic_style != "off") {
	$name = $e.poster;
	"""<div class="userpic2">""";
	if (defined $e.userpic or (defined $e.userpic and $.view == "entry" and $*show_entry_userpic)) {
			"""<img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt=""/>""";
	}
	"""</div>""";
	}
	"""
	<div class="entry">
	<div class="subject">$e.subject</div>
	<div class="entryinfo">$name <b>posted on</b> $date <b>@</b> $time</div>
	<div class="entrylinks"><a href="$.entry.comments.read_url" class="comments">$*text_reply_back</a>""";
	var string{} caption = {
		"edit_entry" => "Edit Entry",
		"edit_tags" => "Edit Tags",
		"mem_add" => "Add to Memories",
		"tell_friend" => "Tell a Friend"
	};
	foreach var string key ($e.link_keyseq) {
	var Link link = $e->get_link($key);
	if ($link) {
	"""<a href="$link.url">   $caption{"$key"}   </a>""";
	}
	}
	"""
	</div>
	""";

"""
	<div class="entrytext">
	<p>"""; $e->print_text(); """</p></div>
	<div class="messageholder"><div class="systemmessage">
	""";

$.form->print();

"""
	</div></div>
	""";
}

function Page::lay_print_subnav() {
  var string prev_url  = "";
  var string prev_text = $*text_back;
  var string next_url  = "";
  var string next_text = $*text_forward;
  var string text      = "Viewing ";

if($this isa RecentPage) {
    var RecentPage rp    = $this as RecentPage;
    var int        start = $rp.nav.skip;
    var int        end   = $rp.nav.skip + size $rp.entries;
    $text = $text + " $start - $end";

$prev_url = $rp.nav.backward_url;
    $next_url = $rp.nav.forward_url;
  }
  if($this isa YearPage) {
    var YearPage yp = $this as YearPage;

#    $prev_url = $rp.nav.backward_url;
#    $next_url = $rp.nav.forward_url;
  }
  if($this isa MonthPage) {
    var MonthPage mp = $this as MonthPage;
    $text = $text + " " + $mp.date->date_format("%%month%% %%yyyy%%");

$prev_url = $mp.prev_url;
    $next_url = $mp.next_url;
  }
  if($this isa DayPage) {
    var DayPage dp = $this as DayPage;
    $text = $text + " " + $dp.date->date_format();

$prev_url = $dp.prev_url;
    $next_url = $dp.next_url;
  }
  if($this isa EntryPage) {
    var EntryPage ep = $this as EntryPage;
    $text = $text + " " + $ep.view;

var Link prev = $ep.entry->get_link("nav_prev");
    var Link next = $ep.entry->get_link("nav_next");
    $prev_url = $prev.url;
    $next_url = $next.url;
  }
  if($this isa ReplyPage) {
    var ReplyPage rp = $this as ReplyPage;
    $text = $text + " " + $rp.view;

var Link prev = $rp.entry->get_link("nav_prev");
    var Link next = $rp.entry->get_link("nav_next");
    $prev_url = $prev.url;
    $next_url = $next.url;
  }

if($prev_url != "" or $next_url != "") {
    var string back    = $prev_url != "" ? """<a href="$prev_url">$prev_text</a>""" : "";
    var string forward = $next_url != "" ? """<a href="$next_url">$next_text</a>""" : "";
    """
    <div class="messageholder">
      <div class="systemmessage">
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
          <tr>
            <td width="33%" align="left">$back</td>
            <td width="33%" align="center">$text</td>
            <td width="33%" align="right">$forward</td>
          </tr>
        </table>
      </div>
    </div>
    """;
  }
}

function EntryPage::print_comment(Comment c) {
	var string symb;
	if ($c.metadata{"picture_keyword"}!=""){
	$symb = ": ";
}
	var string picword;
	if (defined $c.userpic and $*comment_userpic_style !="off") {
	$picword = $c.poster.name + $symb + $c.metadata{"picture_keyword"};
}
	var string datetime;
	$datetime = $c.time->date_format()+", " + $c.time->time_format();

var string parent;
	var string thread;
	if($c.parent_url != "") {
	$parent = """<a href="$c.parent_url">   $*text_comment_parent   </a>""";
	}
	if($c.thread_url != "") {
	$thread = """<a href="$c.thread_url">   $*text_comment_thread   </a>""";
	}

var string subjecticon;
	if (defined $c.subject_icon) {
	$subjecticon = """<img src="$c.subject_icon.url" width="$c.subject_icon.width" height="$c.subject_icon.height" height="$c.userpic.height" title='$picword'/>""";
	}

var string ip;
	if ($c.metadata{"poster_ip"}) { 
	$ip = """    """ + $c.metadata{"poster_ip"}; 
	}

var string poster = defined $c.poster ? $c.poster->as_string() : "<b>(Anonymous)</b>";

var string pic;
	if (defined $c.userpic and $*comment_userpic_style != "off") {
	$pic = """<div class="userpic2"><img src="$c.userpic.url" width="$c.userpic.width" height="$c.userpic.height" height="$c.userpic.height" title='$picword'/></div>""";
	}

var string indent = ($c.depth - 1) * 25 + "px";
	"""
	<a name='$c.anchor'></a>
	<div class="entry" style="margin-left: $indent; margin-top:20px;">
	$pic
	<div class="entryinfo"><br />$subjecticon</div>
	<div class="postedby">$poster <span class="ip">$ip</span></div>
	<div class="entryinfo"><b>on</b> $datetime</div>
	<div class="entrylinks">
	""";
	if ($.multiform_on) {
	"""<label for="ljcomsel_$c.talkid">$*text_multiform_check</label> """; 
	$c->print_multiform_check();
	"""
	""";
	}

var string replyurl;
	if ($c.frozen) {
	$replyurl = """<a href="javascript://">   $*text_comment_frozen   </a>""";
	} else {
	$replyurl = """<a href="$c.reply_url">   $*text_comment_reply   </a>""";
	}    
	"""
	$replyurl
	""";

# some links for doing stuff to this comment
	foreach var string k ($c.link_keyseq) {
	var Link link = $c->get_link($k);
	if ($link) {
	"""<a href=\"$link.url\">   $link.caption   </a>""";
	}
	}
	"""
	<a href="$c.permalink_url">   $*text_permalink   </a>$parent$thread
	</div>
	<div class="entrytext">
	<div class="subject">$c.subject</div>
	<p>$c.text</p>
	</div>
	""";

if ((size $c.replies) > 0 and $c.replies[0].full == false) {
	"""<div style="margin-top: 5px; margin-bottom: 5px; clear: both;">\n""";
	$this->print_comments($c.replies);
	"</div>\n";
	}
	"""
	</div>

""";
	if ((size $c.replies) > 0 and $c.replies[0].full == true) {
	$this->print_comments($c.replies);
	}
}

Thanks in advance!

Moving the Entry Links

senekizu — Tue, 11 May 2010 01:14:45 GMT

Hi, I'm hoping to find the answer to a question here. Would anyone know how to get the entry links to display in a block below the entry icon? My attempts to achieve this on my own have met with failure. I'm using Haffling's version of Opal that was cleaned by Kunzite and have a paid account. Thanks in advance.

Newbie here with a metadata problem...

denorios — Sat, 23 Jan 2010 09:56:18 GMT

I'm using a layout by fruitstyle and I followed kunzite1's tutorial for moving the moodtheme pic to the left of the metadata, which worked like a charm. My problem is that the moodtheme pic is too far to the left of the metadata - there's a big gap between my image and my 'current music', 'current mood', 'tags' information. How can I pull the metadata closer to the image on the left?

I also tried to follow julzroguenine's instructions for changing the metadata text to images, but it just exchanged the text for the full URL of the image I wanted to use, rather than the image itself.

My journal is here and my layer is here. Thanks in advance!

Pictures in the sidebar

musicandlyrics — Wed, 11 Nov 2009 04:00:01 GMT

I'm having problems getting my images to show up in the side bar. I used to use Opal a long time ago but can't find my old layouts, so I had to start from scratch. So I used kunzite1's variation of halffling's codes and I'm not sure what needs to be changed to get the images to show in the additional sidebar columns.
Any help would be awesome. Thank you!

no taglist on sidebar; no paid account.

faburizu — Wed, 05 Aug 2009 00:13:49 GMT

i have a basic account and i'd like some help making my taglist show on the sidebar.
i know it's possible because it was there before i stupidly decided to try out different layouts.
i'm using the SAME layout as before now, and the taglist is gone. what could've happened?

whatsername_05 — Mon, 27 Jul 2009 22:23:09 GMT

I need a code that will work to automatically cut images and videos from entries on my friends page.

I found the entry have to do with the modified kill list code, but was unable to get that code to work for me.

I also tried the automatic resizing code, which worked well, but will not resize youtube videos.

Thanks.

Entry nav bar images?

ditzyfish — Mon, 22 Jun 2009 17:28:00 GMT

I've looked through the tags and back through posts but can't find what I want to do.

I'd like to replace the entry nav bar text (leave a comment, add to memories, track this etc...) with images if possible?

Hope someone can help, thanks :)

comment links help.

mulder — Mon, 18 May 2009 22:57:55 GMT

i recently edited my opal layout on dreamwidth to move my comment links to the lower right hand corner of the entry. after much fiddling, it finally worked. however, in doing so, i lost my edit entry link. if anyone could help me figure out how to get it back, i'd greatly appreciate it. here is the code i am using:

layout layer:

# -*-s2-*-
layerinfo type = "layout";
layerinfo name = "Opal (Libra OSWD)";
layerinfo lang = "en";

layerinfo author_name = "Ported by Kevin Phillips";
layerinfo author_email = "xevinx@livejournal.com";
layerinfo des = "Based on the Libra and Pasilda design available from Open Source Web Designs. Originally written by whompy.";
layerinfo redist_uniq = "opal/layout";
layerinfo previews = "opal/opal.jpg";

################################################################################
#
# Properties
#

propgroup presentation {

property use page_recent_items;
    property use page_friends_items;
    property use use_shared_pic;
    property use view_entry_disabled;

property bool show_entry_userpic {
        des = "Always display userpic?";
    }

property int summary_items {
        des = "Summary Items";
        note="Maximum number of items in the Page Summary list.  Set to 0 to turn off the Page Summary.  Set to 100 to show all available items.";
    }

property bool use_count {
        noui=1;
    }

property use linklist_support;
    property use custom_control_strip_colors;

set summary_items = 100;
    set show_entry_userpic = false;
    set font_fallback = "sans-serif";
}

propgroup colors {
    property Color color_bg {
        des = "Background Color";
    }

property Color color_bg_font {
        des = "Background Font Color";
        note = "The color of any font appearing on the background color.";
    }

property Color color_med {
        des = "Page Holder Background";
        note = "This is the background of the main body, but within the outer borders.";
    }

property Color color_med_font {
        des = "Page Holder Font Color";
        note="The color of the font appearing on the Page Holder Background color.";
    }

property Color color_fg {
        des = "Content Background Color";
        note = "This is the background to the main content where the entries and side elements are.";
    }

property Color color_fg_font {
        des = "Content Font Color";
        note = "The color of the font that appears on in the main Content area.";
    }

property Color color_link {
        des = "Link Color";
    }

property Color color_visited {
        des = "Visited Link Color";
    }

property use control_strip_bgcolor;
    property use control_strip_fgcolor;
    property use control_strip_bordercolor;
    property use control_strip_linkcolor;

set color_bg = "#2d3851";
    set color_bg_font = "#ffffff";
    set color_med = "#7C8AA4";
    set color_med_font = "#e9f2fc";
    set color_fg = "#BFC4CB";
    set color_fg_font = "#333333";
}

propgroup fonts {
    property use font_base;
    property use font_fallback;
    property string static_font_size { noui = 1; }
    property string static_font_measurement { noui = 1; }
    set static_font_size = "12";
    set static_font_measurement = "px";
}

propgroup text {

property string free_text_header {
        des = "Free Text Header";
    }

property string free_text_text {
        des = "Free Text Text";
        cols = 30;
        rows = 10;
        string_mode = "html";
    }

property string links_header {
        des = "Links Header";
    }

property string page_summary_title {
        des = "Page Summary Header";
    }

property use text_view_userinfo;
    property use text_view_recent;
    property use text_view_friends;
    property use text_view_archive;
    property string text_forward {
        des = "Text to show in a link to skip forward through entries";
    }
    property string text_back {
        des = "Text to show in a link to skip backward through entries";
    }
    property use text_read_comments;
    property use text_read_comments_friends;
    property use text_post_comment;
    property use text_post_comment_friends;
    property use text_comment_reply;
    property use text_reply_back;
    property use text_nosubject;
    property use text_noentries_day;
    property use text_meta_music;
    property use text_meta_mood;
    property use text_meta_location;
    property use text_meta_groups;

set page_summary_title = "page summary";
    set links_header = "links";
    set free_text_header = "about this journal";
    set free_text_text = "";
    set text_back = "back";
    set text_forward = "forward";
}

propgroup customcss {
    property use include_default_stylesheet;
    property use linked_stylesheet;
    property use custom_css;
}

set external_stylesheet = true;
set tags_aware = true;

################################################################################
#
# Prop Init
#

var Color color_fg_dk = getAltColor($*color_fg, "dark", 20);
    var Color alt_link_color = "#0000ff";

if ($*control_strip_bgcolor.as_string == "") {
        $*control_strip_bgcolor = $*color_fg;
    }
    if ($*control_strip_fgcolor.as_string == "") {
        $*control_strip_fgcolor = $*color_fg_font;
    }
    if ($*control_strip_bordercolor.as_string == "") {
        $*control_strip_bordercolor = getAltColor($color_fg_dk, "dark", 30);
    }
    if ($*control_strip_linkcolor.as_string == "") {
        $*control_strip_linkcolor = ($*color_link.as_string == "" ? $alt_link_color : $*color_link);
    }

$*theme_bgcolor = $*color_fg;
    $*theme_fgcolor = $*color_fg_font;
    $*theme_bordercolor = getAltColor($color_fg_dk, "dark", 30);
    $*theme_linkcolor = ($*color_link.as_string == "" ? $alt_link_color : $*color_link);
}

################################################################################
#
# Stylesheet
#

function print_stylesheet ()  {

var Color color_bg_lt = getAltColor($*color_bg, "light", 30);
    var Color color_fg_dk = getAltColor($*color_fg, "dark", 20);
    var Color color_fg_dk_font = getAltColor($*color_fg_font, "dark", 20);
    var Color color_divider = getAltColor($color_fg_dk, "dark", 30);
    var Color color_fg_dk_dk_font = getAltColor($color_fg_dk, "dark", 50);
    var Color color_border = getAltColor($*color_bg, "light", 90);
    var string base = ($*font_base != "") ? "$*font_base, " : "";

"""
    body {
        font-family: $base $*font_fallback;
        background-color: $*color_bg;
        margin: 10px;
    }

.border4 { border: 1px solid $*color_bg; width: 214px;}
    .border3 { border: 1px solid $*color_fg; }
    .border2 { border: 2px solid $color_border; }
        
    """;
    if($*color_link.as_string != "") {
        """
    A { color: $*color_link; }
        """;
    }

if($*color_visited.as_string != "") {
        """
    A:Visited { color: $*color_visited; }
        """;
    }
    """
    #bodycontent"""; if (viewer_sees_vbox() or viewer_sees_hbox_top() or viewer_sees_hbox_bottom()) { ", .adcontent"; } """ { background-color: $*color_med; border: 1px solid $*color_bg; padding: 3px; }

#headerinfo {
        background-color: $*color_bg;
        color: $*color_bg_font;
        text-align: right;
        font-size: 10px;
        padding: 2px;
        margin-top: 1px;
    }
    #header { color: $*color_med_font; }
    #header h3 { font-weight: normal; }
    #userpic { float: right; }

.userpic2 {
        float: right;
        text-align: right;
        margin-top: 2px;
        margin-right: 3px;
    }

#nav {
        white-space: nowrap;
        margin-bottom: 10px;
        font-size: $*static_font_size$*static_font_measurement;
    }

#nav A {
        border: 1px solid $*color_bg;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        height: 20px;
        text-decoration: none;
        color: $*color_bg_font;
        background-color: $color_bg_lt;
    }

#nav A:Hover { background-color: $*color_bg; }

#content {
        background-color: $*color_fg;
        border: 1px solid $color_fg_dk;
        padding: 4px;
    }

.columncontent {
        background-color: $color_bg_lt;
        border: 1px solid $*color_bg;
        padding: 3px;
        width: 200px;
        font-size: $*static_font_size$*static_font_measurement;
        color: $*color_bg_font;
    }
    .columnitem {
        background-color: $color_fg_dk;
        padding: 3px;
        margin-top: 5px;
        color: $*color_fg_font;
        border-top: 1px solid $color_divider;
        border-bottom: 1px solid $color_divider;
        overflow: hidden;
    }

.entries { color: $*color_fg_font; }

.entrydivider {
        border-top: 1px solid $color_divider;
        border-bottom: 1px solid $*color_fg;
    }

.minicomment {
        background-color: $color_fg_dk;
        padding: 4px;
        color: $*color_fg_font;
        border: 1px solid $*color_fg;
        font-size: $*static_font_size$*static_font_measurement;
    }

.minicommentholder { border: 1px solid $color_divider; }

.entryinfo {
        background-color: $color_fg_dk;
        font-size: $*static_font_size$*static_font_measurement;
        padding: 4px;
        color: $*color_fg_font;
    }

.postedby {
        background-color: $color_fg_dk;
        padding: 6px;
        font-size: $*static_font_size$*static_font_measurement;
    }

.entrylinks {
        border-bottom: 1px solid $*color_fg;
        background-color: $color_fg_dk;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: $*static_font_size$*static_font_measurement;
    }

.entrylinks A {
        text-decoration: none;
        padding-top: 4px;
        padding-bottom: 4px;
        white-space: nowrap;
        color: $*color_fg_font;
        border-right: 1px solid $*color_fg;
    }

.entrylinks A:Hover {
        background-color: $*color_fg;
    }

.messageholder {
        border: 1px solid $*color_bg;;
        margin-bottom: 5px;
        margin-top: 5px;
    }

.systemmessage {
        background-color: $color_bg_lt;
        color: $*color_bg_font;
        border: 1px solid $color_border;
        font-size: $*static_font_size$*static_font_measurement;
    }

.systemtext {
        font-weight: normal;
        padding-left: 10px;
        padding-right: 10px;
    }

.systemmessage A {
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
        color: $*color_bg_font;
        padding-top: 4px;
        padding-bottom: 4px;
    }

.systemmessage A:Hover {
        background-color: $*color_bg;
    }

.systemmessage input, .systemmessage textarea, .systemmessage select {
        background-color: $*color_fg;
        color: $*color_fg_font;
    }

.systemmessage TD {
        padding: 4px;
        font-size: $*static_font_size$*static_font_measurement;
        color: $*color_bg_font;
    }

.entry { margin-bottom: 30px; }
    .entrytext { margin: 10px; }
    .subject { font-weight: bold; }

.meta {
        font-size: $*static_font_size$*static_font_measurement;
        padding: 4px;
    }

.meta A {
        text-decoration: none;
        color: $*color_link;
    }

.subject A, .subject A:hover, .subject A:visited {
        color: $*color_fg_font;
        text-decoration: none;
     }

.systemmessage A:Hover {
        background-color: $*color_bg;
    }

#sidecolumn TD { color: $*color_bg_font; }

#sidecolumn A {
        text-decoration: none;
        color: $*color_fg_font;
    }

.sidetd {
        width: 200px;
    }

.backtop {
        text-align: right;
    }

.backtop A {
        color: $*color_fg_font;
        font-size: $*static_font_size$*static_font_measurement;
        text-decoration: none;
        padding-bottom: 1px;
    }

#cal A {
        text-decoration: none;
        color: $*color_fg_font;
    }

.calrow {
        clear: both;
        font-family: Arial, sans-serif;
    }

.calempty {
        width: 25px;
        font-size: 11px;
        margin: 1px;
        float: left;
        padding: 3px 0;
    }

.calactitem {
        float: left;
        margin: 1px;
        width: 24px;
        font-size: 11px;
        text-align: center;
        background-color: $color_fg_dk;
        border-right: 1px solid $color_bg_lt;
        border-bottom: 1px solid $color_bg_lt;
        padding: 3px 0;
    }

.calinitem {
        float: left;
        margin: 1px;
        width: 24px;
        font-size: 11px;
        text-align: center;
        border-right: 1px solid $color_fg_dk;
        border-bottom: 1px solid $color_fg_dk;
        padding: 3px 0;
    }

.friendcolor {
        width: 10px;
        height: 10px;
        border: 2px solid $*color_fg;
    }

.multiform {
        font-weight: bold;
    }

.ip {
        color: $color_fg_dk_dk_font;
    }

.friendname {
        padding: 4px;
        text-decoration: none;
        border-left: 1px solid $*color_fg;
        border-right: 1px solid $*color_fg;
    }

.bigday {
        font-size: 2em;
        color: $color_fg_dk;
        float: right;
        font-weight: bolder;
    }

.notablemessage {
        padding: 4px;
    }
    .quickreply { margin-top: 5px;}
    .reply_link { padding: 0 1em;}
    """;

print_custom_control_strip_css();
}

################################################################################
#
# Global functions
#

function print_box (string header, string text)  {
    """

<div class="border4">
                                    <div class="border3">
                                        <div class="border2">
                                            <div class="columncontent">
    """;
    print safe """<strong>$header</strong>""";
    print safe """$text""";

"""
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br />
    """;

}

function box_item (string text) : string {
    return """<div class="columnitem">$text</div>\n""";
}

################################################################################
#
# Layout specific functions
#

function Page::lay_print_userpic() {
    if(defined $.journal.default_pic) {
    """
                <div id="userpic"><a href="$*SITEROOT/allpics.bml?user=$.journal.username"><img src="$.journal.default_pic.url" width="$.journal.default_pic.width" height="$.journal.default_pic.height" alt="$.journal.name" title="$.journal.name" border="0" /></a></div>
    """;
    }
}

function Page::lay_print_username ()  {

var string dots = generateDots($.global_title);

print safe """
                <div id="headerinfo">
                    $.journal.username <br /> $dots
                </div>
    """;
}

function Page::lay_print_header ()  {
    var string title = $this->title();
    print safe """
                <div id="header">
                    <h3>$title</h3>
                    <div id="nav">
    """;

foreach var string v ($.views_order) {
        println "<a href=\""+$.view_url{$v}+"\">"+lang_viewname($v)+"</a>";
    }

var string website;
    if($.journal.website_url != "") {
        $website = """<a href="$.journal.website_url">$.journal.website_name</a>""";
    }

"""
                        $website
                    </div>
                </div>
    """;
}

function Page::lay_print_freetext ()  {
    if($*free_text_text != "") {
        var string text = box_item($*free_text_text);
        print_box($*free_text_header, $text);
    }
}

function Page::print_linklist() {
    if (size $.linklist <= 0 or not $*linklist_support) {
        return;
    }

var string links;
    foreach var UserLink l ($.linklist) {
        if ($l.title) {
            if ($l.is_heading) {
                $links = $links + """<div style="margin-top: 4px;"><strong>$l.title</strong></div>""";
            } else {
                $links = $links +  box_item("""<a href="$l.url">$l.title</a>""");
            }
        }
    }

print_box($*links_header, $links);
}

function Page::lay_print_calendar ()  {
    var YearMonth m = $this->get_latest_month();
    var string mon = $m->month_format();
    var string text;
    $text = """
            <table cellspacing="2" cellpadding="2" border="0" width="100%">""";
    foreach var YearWeek w ($m.weeks) {
        $text = $text + """
                <tr>""";
        if($w.pre_empty > 0) {
            foreach var int empty (1..$w.pre_empty)  {
                $text = $text + """
                    <td class="calempty"> </td>""";
            }
        }
        foreach var YearDay d ($w.days) {
            if($d.num_entries > 0) {
                $text = $text + """
                    <td class="calactitem"><a href="$d.url">$d.day</a></td>""";
            } else {
                $text = $text + """
                    <td class="calinitem">$d.day</td>""";
            }
        }
        $text = $text + "</tr>\n";
    }
    $text = $text + "</table>";
    print_box($mon, $text);
}

function Page::lay_entry_nav (Entry e)  : string {

var string line;
    var string date;
    if($e.new_day) {
        $date = $e.time->date_format("short");
    }
    var string time = $e.time->time_format();
    var string subject = ($e.subject != "") ? " :: $e.subject" : """ :: <i class="nosubject">$*text_nosubject</i>""";
    var string j = ($.view == "friends" and $e.journal.username != $e.poster.username) ? " : $e.journal " : "";
    var string item = ($.view == "friends" or $e.journal.username != $e.poster.username) ? $e.poster->as_string() + """$j <a href="#item""" + $e.itemid + """\">""" : """<a href="#item""" + $e.itemid + """\"><strong>$date $time</strong>""";
    $line = """<div class="columnitem">$item $subject</a></div>""";

return $line;
}

function Page::lay_print_summary ()  {
    #blank because there's shouldn't be a box if there's nothing specific about the page.
}

function RecentPage::lay_print_summary ()  {
    var int count = $*summary_items;
    if($count == 0) { return; }

var string text;
    foreach var Entry e ($.entries) {
        if($count > 0) {
            $text = $text + $this->lay_entry_nav($e);
        }
        $count = $count - 1;
    }
    if($text != "") {
        if($count < 0) {
            $count = $count * -1;
            $text = $text + """<div style="margin-top: 4px;"><strong>+$count more</strong></div>""";
        }
        print_box($*page_summary_title, $text);
    }
}

function EntryPage::lay_print_summary ()  {
    var int count = $*summary_items;
    if($count == 0) { return; }

var string text;
    $text = $this->lay_entry_nav($.entry);
    $count = $count - 1;

foreach var Comment c ($.comments)  {
        if($count > 0) {
            var string subject = ($c.subject != "") ? $c.subject : """<i class="nosubject">$*text_nosubject</i> """;
            $text = $text + """<div class="columnitem">$c.poster :: <a href="#$c.anchor">$subject</a>""";
            var int num = num_comments_in_thread($c.replies);
            if($num > 0) {
                $text = $text + " [+" + string($num) + "] ";
            }
            $text = $text + """</div>""";
        }
        $count = $count - 1;
    }

if($text != "") {
        if($count < 0) {
            $count = $count * -1;
            $text = $text + """<div style="margin-top: 4px;"><strong>+$count more</strong></div>""";
        }
        if($count != ($*summary_items - 1)) {
            print_box($*page_summary_title, $text);
        }
    }
}

function YearPage::lay_print_summary ()  {
    var int count = $*summary_items;
    if($count == 0) { return; }

var string text;
    var int num_entries;
    foreach var YearMonth m ($.months) {
        if($count > 0) {
            var string mon = $m->month_format();
            if($m.has_entries) {
                $num_entries = 0;
                foreach var YearWeek w ($m.weeks) {
                    foreach var YearDay d ($w.days) {
                        $num_entries = $num_entries + $d.num_entries;
                    }
                }
                $text = $text + """<div class="columnitem"><a href="#anchor$m.month">$mon [$num_entries entries]</a></div>""";
            }
        }
        $count = $count - 1;
    }
    if($text != "") {
        if($count < 0) {
            $count = $count * -1;
            $text = $text + """<div style="margin-top: 4px;"><strong>+$count more</strong></div>""";
        }
        print_box($*page_summary_title, $text);
    }

}

function MonthPage::lay_print_summary ()  {
    var int count = $*summary_items;
    if($count == 0) { return; }

var string text;
    foreach var MonthDay d ($.days) {
        if($count > 0) {
            var string day = lang_ordinal($d.day);
            if ($d.has_entries) {
                $text = $text + """<div class="columnitem"><a href="#anchor$d.day">$day [$d.num_entries entries]</a></div>""";
            }
        }
    }

if($text != "") {
        if($count < 0) {
            $count = $count * -1;
            $text = $text + """<div style="margin-top: 4px;"><strong>+$count more</strong></div>""";
        }
        print_box($*page_summary_title, $text);
    }
}

function DayPage::lay_print_summary ()  {
    var int count = $*summary_items;
    if($count == 0) { return; }

var string text;
    foreach var Entry e ($.entries) {
        $text = $text + $this->lay_entry_nav($e);
    }

function Page::lay_print_subnav ()  {
    #
}

function RecentPage::lay_print_subnav ()  {
    var string back;
    if($.nav.backward_url != "") {
        $back = """<a href="$.nav.backward_url">$*text_back</a>""";
    } else {
        $back = " ";
    }
    var string forward;
    if($.nav.forward_url != "") {
        $forward = """<a href="$.nav.forward_url">$*text_forward</a>""";
    } else {
        $forward = " ";
    }

var int start = $.nav.skip;
    var int end = $.nav.skip + size $.entries;
    var string text = "Viewing $start - $end";
    print safe """
                                <div class="messageholder"><div class="systemmessage">
                                <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                    <tr>
                                        <td width="15%">$back</td>
                                        <td width="70%" align="center">$text</td>
                                        <td width="15%" align="right">$forward</td>
                                    </tr>
                                </table>
                                </div></div>
    """;
}

function DayPage::lay_print_subnav ()  {
    var string back;
    if($.prev_url != "") {
        $back = """<a href="$.prev_url">$*text_back</a>""";
    } else {
        $back = " ";
    }
    var string forward;
    if($.next_url != "") {
        $forward = """<a href="$.next_url">$*text_forward</a>""";
    } else {
        $forward = " ";
    }

var string text = $.date->date_format("long");

}

function Page::lay_print_sidebar ()  {
    $this->lay_print_summary();
    $this->print_linklist();
    $this->lay_print_freetext();
    $this->lay_print_calendar();
}

function Page::lay_make_username(Entry e) {
    """
        <div class="entryinfo">
            $e.poster
        </div>
        <div class="entrydivider"></div>
    """;
}

function FriendsPage::lay_make_username (Entry e) {
    var Friend f = $.friends{$e.journal.username};
    var string url = $e.poster->base_url();
    """
        <div class="entryinfo">
            <a href="$url/" class="friendname" style="color: $f.fgcolor; background-color: $f.bgcolor;">$e.poster.username</a>
    """;
    if($e.poster.username != $e.journal.username) {
        """ $e.journal""";
    }
    """
        </div>
        <div class="entrydivider"></div>
    """;
}

function Page::print_entry (Entry e)  {

print """<a name="item""" + $e.itemid + """\"></a>""";
    var string time = $e.time->time_format();
    var string date = $e.time->date_format();
    var string security;
    if ($e.security != "") {
        $security =  """<img src="$e.security_icon.url" align="left" """+
        """width="$e.security_icon.width" height="$e.security_icon.height" """+
        """alt="[$e.security]" />""";
    }

var UserLite name;
    var string pname;

var bool show_name = ($.view == "friends" or $e.poster.username != $.journal.username or $.view == "entry") ? true : false;
    var bool show_pic = (defined $e.userpic and ($.view == "friends" or $*show_entry_userpic or $e.poster.username != $e.journal.username or $.view == "entry")) ? true : false;

"""
                                    <div class="entry">
                                        <div class="entrydivider"></div>
    """;
    if($show_pic) {
        """
            <div class="userpic2">
                <a href="$*SITEROOT/allpics.bml?user=$e.poster.username"><img src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="$e.poster.name [userpic]" title="$e.poster.name [userpic]" border="0" /></a>
            </div>
        """;
    }

if($show_name) {
        $this->lay_make_username($e);
    }
    """
                                        <div class="entryinfo">$security $date $time</div>
                                        <div class="entrydivider"></div>
                                        """;
       $this->print_reply_container({"target" => "topcomment"});
    """                                    <div class="entrytext">
                                            <div class="subject">""";
                                             if ($.view != "entry") {
                                                print $e->formatted_subject({"class"=>"subj-link"});
                                             } else { "$e.subject"; }
"""</div>
    """;
        "<p>"; $e->print_text(); "</p>";

$e->print_metadata();
  """
    </div>
  </div>
  <div class="entrylinks" align="right">
  """;
  $e.comments->print();
  """
  </div>
  <div class="backtop"><a href="#top">back to top</a></div>
  <br />
  """;
}

function CommentInfo::print() {
    if ($.enabled) {
        $this->print_postlink();
        if ($.count > 0 or $.screened) {
            $this->print_readlink();
        }
    }
}

function CommentInfo::print_postlink() {
    var Page p = get_page();
    if ($.maxcomments) {
        print safe "$*text_max_comments";
    } else {
        if ($p.view == "entry") {
                $p->print_reply_link({"target" => "topcomment", "linktext" => "$*text_post_comment", "class" => "reply_link"});
        } else {
        print safe "<a href=\"$.post_url\">  "+($p.view == "friends" ? $*text_post_comment_friends : $*text_post_comment)+"  </a>";
       }
    }
}

function CommentInfo::print_readlink {
    var Page p = get_page();
    print safe "<a href=\"$.read_url\">   "+
        get_plural_phrase($.count, $p.view == "friends" ?
                          "text_read_comments_friends" : "text_read_comments")+
    "   </a>";
}

function print_ebox (Entry e) {
    if ($e->viewer_sees_ebox()) {
        """<div style="margin-bottom: 10px; margin-top: 10px; text-align:center;">""";
        $e->print_ebox();
        "</div>";
    }
}

################################################################################
#
# EntryPage and Comments
#

function EntryPage::print_body() {
    """<div class="entries">""";
    $this->print_entry($.entry);
    print_ebox($.entry);
    if ($this.multiform_on) {
        $this->print_multiform_start();
    }

if ($.entry.comments.count > 0) {
    """
                                        <div class="messageholder"><div class="systemmessage"><div class="notablemessage "><b>comments</b></div></div></div>
    """;
    }

if ($.comment_pages.total_subitems > 0) {
        $.comment_pages->print();
    }

if ($.entry.comments.enabled) {
        $this->print_comments($.comments);
    }

if ($.entry.comments.count > 0) {
    """
                                        <div class="messageholder">
                                            <div class="systemmessage">
                                                <div class="notablemessage ">
    """;

$.entry.comments->print();

"""
                                                </div>
                                            </div>
                                        </div>
    """;
    }

if ($.comment_pages.total_subitems > 0) {
        $.comment_pages->print();
    }

if ($this.multiform_on and ($.comment_pages.total_subitems > 0)) {
        """
                                        <div class="messageholder">
                                            <div class="systemmessage">
                                                <div class="notablemessage ">
                                                <div class="multiform">
        """;
        $this->print_multiform_actionline();
        """
                                                </div>
                                                </div>
                                            </div>
                                        </div>
        """;
        $this->print_multiform_end();
    }
    """</div>""";
}

function EntryPage::print_comments(Comment[] cs) {
    if (size $cs == 0) { return; }
    foreach var Comment c ($cs) {
        if ($c.full) {
            $this->print_comment($c);
        } else {
            $this->print_comment_partial($c);
        }
    }
}

function EntryPage::print_comment(Comment c) {

var string datetime;
    $datetime = $c->time_display();

var string parent;
    var string thread;
    var string expand = "";
    if($c.parent_url != "") {
        $parent = """<a href="$c.parent_url">   $*text_comment_parent   </a>""";
    }
    if($c.thread_url != "") {
        $thread = """<a href="$c.thread_url">   $*text_comment_thread   </a>""";
        var Link expand_link = $c->get_link("expand_comments");
        if (defined $expand_link)  {
            $expand = $c->expand_link({ "text" => "   $*text_comment_expand   " });
        }
    }

var string subjecticon;
    if (defined $c.subject_icon) {
        $subjecticon = """<img src="$c.subject_icon.url" width="$c.subject_icon.width" height="$c.subject_icon.height" alt="" />""";
    }

var string ip;
    if ($c.metadata{"poster_ip"}) {
        $ip = """    """ + $c.metadata{"poster_ip"};
    }

var string poster = defined $c.poster ? $c.poster->as_string() : "<b>(anonymous)</b>";

var string pic;
    if (defined $c.userpic and $*comment_userpic_style != "off") {
        $pic = """<div class="userpic2"><img src="$c.userpic.url" width="$c.userpic.width" height="$c.userpic.height" alt="" /></div>""";
    }

var string indent = ($c.depth - 1) * 25 + "px";

"""
                <div id='$c.dom_id' style='margin-left: $indent;'>
        <a name='$c.anchor'></a>
        $pic
        <div class="entry">
            <div class="entrydivider"></div>
            <div class="postedby">$poster  <span class="ip">$ip</span></div>
            <div class="entrydivider"></div>
            <div class="entryinfo">$subjecticon $datetime</div>
            <div class="entrydivider"></div>

""";

if ($.multiform_on) {
        """<div class="entryinfo"><label for="ljcomsel_$c.talkid">$*text_multiform_check</label> """;
        $c->print_multiform_check();
        """</div>
            <div class="entrydivider"></div>
        """;
    }

var string replyurl;
    if ($c.frozen) {
        $replyurl = """<a href="javascript://">   $*text_comment_frozen   </a>""";
    } else {
        ### $replyurl = """<a href="$c.reply_url">   $*text_comment_reply   </a>""";
    }

print safe """
            <div class="entrylinks">
          """;
    if (not $c.frozen) {

##$c->print_reply_link({"linktext" => "$*text_comment_reply", "class" => "reply_link"});

if($c.screened == true) {
            ### if comment screened - show link for unscreen
            var Link link;
            $link = $c->get_link("unscreen_to_reply");
            """<a href="$link.url" title="$link.caption" class="reply_link">$link.caption</a>""";
        } else {
            ### showing reply link if comment not screened
            $c->print_reply_link({ "linktext" => $*text_comment_reply,"class" => "reply_link" });
        }

}
    # some links for doing stuff to this comment
    foreach var string k ($c.link_keyseq) {
        var Link link = $c->get_link($k);
        if (defined $link) {
            """<a href=\"$link.url\">   $link.caption   </a>""";
        }
    }

print safe """<a href="$c.permalink_url">  </a>$parent$thread""";
    print $expand;
    print safe  """</div>""";
    if (not $c.frozen) {
        $c->print_reply_container({"class" => "quickreply"});
    }

"""         <div class="entrytext">
                <div class="subject">$c.subject</div>
                <p>"""; $c->print_text(); """</p>
            </div>
    """;
    "</div></div>";

if ((size $c.replies) > 0 and $c.replies[0].full == false) {
            """<div style="margin-top: 5px; margin-bottom: 5px; clear: both;">\n""";
            $this->print_comments($c.replies);
            "</div>\n";
        }

"""
        <div class="backtop"><a href="#top">back to top</a></div>

""";

if ((size $c.replies) > 0 and $c.replies[0].full == true) {
        $this->print_comments($c.replies);
    }

}

function EntryPage::print_comment_partial(Comment c) {
    var string poster = defined $c.poster ? $c.poster->as_string() : "<i>(anonymous)</i>";
    var string subj = $c.subject != "" ? $c.subject : """<i class="nosubject">$*text_nosubject</i>""";
    var string indent = ($c.depth - 1) * 25 + "px";
    print safe """
            <div id="$c.dom_id" class="entry" style="margin-left: $indent;"><div class="minicommentholder"><div class="minicomment">$poster - <a href="$c.permalink_url">$subj</a>
    """;
    var Link expand_link = $c->get_link("expand_comments");
    if ($c.thread_url != "" and defined $expand_link) {
        " " + $c->expand_link();
    }
    print """</div></div></div>""";
    $this->print_comments($c.replies);
}

function ItemRange::print() {
    if ($.all_subitems_displayed) { return; }
    """
        <div class="messageholder"><div class="systemmessage"><div class="notablemessage ">
        <b>""";
    print lang_page_of_pages($.current, $.total);
    "</b> — ";
    foreach var int i (1..$.total) {
        if ($i == $.current) { """<b class="systemtext">[$i]</b>""";

} else {
            var string url_of = $this->url_of($i);
            "<a href='$url_of'><b>[$i]</b></a>";
        }
    }
    """</div></div></div>""";
}

################################################################################
#
# ReplyPage
#

function ReplyPage::print_body() {

var EntryLite e = $.replyto;
    var string poster = defined $e.poster ? $e.poster->as_string() : "<i>(anonymous)</i>";
    var string time = $e.time->time_format();
    var string date = $e.time->date_format();

"""<div class="entries">""";

if ($.replyto isa Entry) {
        var Entry en = $.replyto as Entry;

print safe """
                                        <div class="entry">
                                            <div class="entrydivider"></div>
                                            <div class="entryinfo">$name</div>""";

$this->print_entry($en);
        """</div>""";
    } else {
        print safe """
                                        <div class="entry">
                                            <div class="entrydivider"></div>
                                            <div class="entryinfo">$name</div>
                                            <div class="entrydivider"></div>
                                            <div class="entryinfo">$time $date</div>
                                            <div class="entrydivider"></div>
                                            <div class="entrylinks">
                                            <a href="$.entry.comments.read_url" class="comments">   $*text_reply_back   </a>""";

var Link link;
        foreach var string key ($e.link_keyseq) {
            $link = $e->get_link($key);
            if (defined $link) {
                """<a href=\"$link.url\">   $link.caption   </a>""";
            }
        }
        """<a href="$e.permalink_url">   $*text_permalink   </a>
                                            </div>
        """;

"""
                                            <div class="entrytext">
                                                <div class="subject">$e.subject</div>
                                                                                            <p>
            """;
            $e->print_text();
            """
                                                                                            </p>
                                            </div>""";
    }
    print_ebox($.entry);

"""<div class="messageholder"><div class="systemmessage">
    """;
    $.form->print();
    """
                                        </div></div></div>
    """;
}

function Entry::print_metadata() {
    var string caption;
    var string val;
    var Image i;
    if ($this.tags) {
        """<div class="meta">""";
        print $this->get_tags_text();
        "</div>";
    }
    if (size $.metadata == 0) { return; }
    foreach var string k ($.metadata) {
        $caption = $k;
        $val = $.metadata{$k};
        if ($k == "music") {
            $caption = $*text_meta_music;
        }
        elseif ($k == "location") {
            $caption = $*text_meta_location;
        }
        elseif ($k == "groups") {
            $caption = $*text_meta_groups;
        }
        elseif ($k == "mood") {
            $caption = $*text_meta_mood;
            if (defined $.mood_icon) {
                $i = $.mood_icon;
                $val = """<img src="$i.url" width="$i.width" height="$i.height" alt="$val" title="$val" /> $val""";
            }
        }
        println safe """<div class="meta">$caption: $val</div>""";
    }
}

################################################################################
#
# RecentPage
#
function RecentPage::print_body ()  {
    """

<div class="entries">
    """;

foreach var Entry e ($.entries) {
        $this->print_entry($e);
        print_ebox($e);
    }

"""
                                </div>
    """;
}

################################################################################
#
# YearPage
#

function YearPage::print_body {
    $this->print_year_links();
    """<div id="cal">""";
    foreach var YearMonth m ($.months) {
        $this->print_month($m);
    }
    """</div>""";
}

function YearPage::print_year_links() {
    """<div class="messageholder"><div class="systemmessage"><div class="notablemessage">""";
    foreach var YearYear y ($.years) {
        if ($y.displayed) {
            """<b class="systemtext">$y.year</b>""";
        } else {
            """<b><a href="$y.url">   $y.year   </a></b>""";
        }
    }
    """</div></div></div>""";
}

function YearPage::print_month(YearMonth m) {
    if (not $m.has_entries) { return; }

"""
            <a name="anchor$m.month"></a>
            <div class="entry">
            <div class="entrydivider"></div>
            <div class="entryinfo">
    """;

print $m->month_format();

print safe """
            </div>
            <div class="entrydivider"></div>
            <div class="entrylinks"><a href="$m.url">   $*text_view_month   </a></div>
            <div class="entrytext">
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
    """;

foreach var int d (weekdays()) {
        """
                    <td width="14%"><div class="bigday">$*lang_dayname_short[$d]</div></td>
        """;
    }
    """
                </tr>
    """;
    foreach var YearWeek w ($m.weeks) {
        $w->print();
    }
    """
            </table>
            </div>
            </div>
            <div class="backtop"><a href="#top">back to top</a></div>
    """;

}

function YearWeek::print() {
    """
                <tr>
    """;
    if ($.pre_empty > 0) {
    """
                    <td colspan="$.pre_empty"></td>
    """;
    }

foreach var YearDay d ($.days) {
        var string day = zeropad($d.day, 2);
    """
                    <td>
                        <div class="bigday">$day</div>
    """;
        if ($d.num_entries > 0) {
            var string num = $d.num_entries < 10 ? " " + string($d.num_entries) : string($d.num_entries);
            """
                        <div class="calactitem"><a href="$d.url">$num</a></div>
            """;
        }
    """
                    </td>
    """;
    }
    """
                </tr>
    """;
}

################################################################################
#
# MonthPage
#

function MonthPage::view_title : string {
    return $.date->date_format($*lang_fmt_month_long);
}

function MonthPage::print_body {
    "<form method='post' action='$.redir.url'>";
    $.redir->print_hiddens();
    var string back;
    var string forward;
    if ($.prev_url != "") { $back = """<a href="$.prev_url">$*text_back</a>"""; }
    if ($.next_url != "") { $forward = """<a href="$.next_url">$*text_forward</a>"""; }
    var string select;
    if (size $.months > 1) {
        $select = "<select name='redir_key'>\n";
        foreach var MonthEntryInfo mei ($.months) {
            var string sel;
            if ($mei.date.year == $.date.year and $mei.date.month == $.date.month) {
            $sel = " selected='selected'";
            }
            $select = $select + "<option value='$mei.redir_key'$sel>" + $mei.date->date_format($*lang_fmt_month_long) + "</option>";
        }
        $select = $select + "</select>\n<input type='submit' value='View' />";
    }

print safe """
                    <div class="messageholder"><div class="systemmessage">
                        <table cellspacing="0" cellpadding="0" border="0" width="100%">
                            <tr>
                                <td width="15%">$back</td>
                                <td align="center" width="70%">$select</td>
                                <td align="right" width="15%">$forward</td>
                            </tr>
                        </table>
                    </div></div>
    """;
    "</form>";
    foreach var MonthDay d ($.days) {
        if ($d.has_entries) {
            """
                    <a name="anchor$d.day"></a>
                    <div class="entry">
                        <div class="entrydivider"></div>
                        <div class="entrylinks"><a href=\"$d.url\">   <b>
            """;
            print lang_ordinal($d.day);
            """
                        </b>   </a></div>
                        <div class="entries">
                        <div class="entrytext">
            """;
            $d->print_subjectlist();
            """
                        </div>
                        </div>
                    </div>
                    <div class="backtop"><a href="#top">back to top</a></div>
            """;
        }
    }
}

function MonthDay::print_subjectlist() {
    # Too many tables...
    foreach var Entry e ($.entries) {
        print $e.time->time_format("short") + ": ";
        if ($e.poster.username != $e.journal.username) {
            $e.poster->print(); " ";
        }
        "$e.security_icon";
        if ($e.subject != "") {
            " <a href=\"$e.permalink_url\">$e.subject</a>";
        } else {
            print safe """ <a href="$e.permalink_url"><i class="nosubject">$*text_nosubject</i></a>""";
        }
        if ($e.comments.count > 0) {
            print safe " - " + get_plural_phrase($e.comments.count, "text_read_comments");
        }
        if ($e.comments.screened) {
            " <b>$*text_month_screened_comments</b>";
        }
        "<br />\n";
    }
}

################################################################################
#
# DayPage
#

function DayPage::print_body() {

"""<div class="entries">""";
    if ($.has_entries) {
        foreach var Entry e ($.entries) {
            $this->print_entry($e);
            print_ebox($e);
        }

} else {
        print safe "<p>$*text_noentries_day</p>";
    }
    """</div>""";
}

################################################################################
#
# TagsPage
#

function TagsPage::print_body() {
    """
    <div class="entry">
    <div class="entrytext">
    <div class="subject">$*text_tags_page_header</div>
    <p><ul class='ljtaglist'>
    """;

foreach var TagDetail td ($this->visible_tag_list()) {
        var string uses = get_plural_phrase($td.use_count, "text_tag_uses");
        print """<li><a href="$td.url">$td.name</a> - $uses</li>""";
    }

"""
    </ul></p>
    </div>
    </div>
    <div class="backtop"><a href="#top">back to top</a></div>
    """;
}

################################################################################
#
# Page
#

function Page::print ()  {

var string title = $this->title();

"""
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       <meta http-equiv="X-UA-Compatible" content="IE=7"/>
        """;

$this->print_head();
    $this->print_stylesheets();

"""
          <title>$title</title>
    </head>
    <body>
    <a name="top"></a>
    """;
    $this->print_control_strip();
    if (viewer_sees_vbox()) {
        """<table width="100%" height="100%">""";
        """<tr><td valign="top">""";
    }
    if (viewer_sees_hbox_top()) {
        """<div style="text-align: center; width: 750px; margin: 10px auto;">""";
        """<div class="border3"><div class="border2"><div class="adcontent">""";
        $this->print_hbox_top();
        "</div></div></div>";
        "</div>";
    }
    """
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
        <tr>
            <td>
    <div class="border3">
        <div class="border2">
            <div id="bodycontent">
    """;

$this->lay_print_userpic();
    $this->lay_print_username();
    $this->lay_print_header();

"""
                <div id="content">
                    <table cellspacing="10" cellpadding="0" border="0">
                        <tr>
                            <td valign="top" class="sidetd">
                            <div id="sidecolumn">
    """;

$this->lay_print_sidebar();

"""
                            </div>
                            </td>

<td valign="top" width="100%">
    """;

$this->lay_print_subnav();
    $this->print_body();
    $this->lay_print_subnav();

"""
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
            </td>
        </tr>
    </table>
    """;
    if (viewer_sees_hbox_bottom()) {
        """<div style="text-align: center; width: 750px; margin: 10px auto;">""";
        """<div class="border3"><div class="border2"><div class="adcontent">""";
        $this->print_hbox_bottom();
        "</div></div></div>";
        "</div>";
    }
    if (viewer_sees_vbox()) {
        "</td>";
        """<td valign="top" align="right" width="20%">""";
        """<table width="80%"><tr><td>""";
        """<div class="border3"><div class="border2"><div class="adcontent">""";
        """<div align="center">""";
        $this->print_vbox();
        "</div>";
        "</div></div></div>";
        "</td></tr></table>";
        "</td></tr></table>";
    }
    """
    </body>
    </html>
    """;
}

function print_theme_preview() {

"""
        <div style="background-color: $*color_fg; border: 1px solid $color_fg_dk; padding: 4px; width: 210px;">
            <div style="border-top: 1px solid $color_divider; border-bottom: 1px solid $*color_fg;"></div>
            <div style="background-color: $color_fg_dk; font-size: $*static_font_size$*static_font_measurement; padding: 4px; width: 200px;">Username - Title</div>
            <div style="border-top: 1px solid $color_divider; border-bottom: 1px solid $*color_fg;"></div>
            <br />
        <div style="border: 1px solid $*color_bg; width: 200px;"><div style="border: 1px solid $*color_fg;"><div style="border: 2px solid $color_border;">
        <div style="background-color: $color_bg_lt; border: 1px solid $*color_bg; padding: 3px; font-size: $*static_font_size$*static_font_measurement; color: $*color_bg_font;">
            <strong>Welcome</strong>
            <div style="background-color: $color_fg_dk; padding: 3px; margin-top: 5px; color: $*color_fg_font; border-top: 1px solid $color_divider; border-bottom: 1px solid $color_divider;">This is my new journal using a cool new style!</div>
        </div></div></div></div>
        </div>
    """;

}

theme layer:

layerinfo "type" = "theme"; 
layerinfo "name" = "opal layout";

set page_recent_items = 10; 
set page_friends_items = 10; 
set include_default_stylesheet = false; 
set lang_fmt_date_short = "%%day%%, %%month%% %%dayord%%, %%yyyy%%";
set lang_fmt_time_short = "%%h%%:%%min%%%%A%%M";
set show_entry_userpic = true;
set tags_aware = true;
set linklist_support = true; 
set summary_items = 0;
set links_header = "links";
set text_back = "back";
set text_forward = "forward";
set text_skiplinks_back= "previous #"; 
set text_skiplinks_forward= "next #"; 
set text_post_comment = "comment"; 
set text_max_comments = "maximum comments reached"; 
set text_read_comments = "read"; 
set text_post_comment_friends = "comment"; 
set text_read_comments_friends = "read"; 
set text_edit_entry = "edit"; 
set text_edit_tags = "tags";
set text_mem_add = "memories"; 
set text_permalink = ""; 
set text_tell_friend = ""; 
set text_watch_comments = ""; 
set text_unwatch_comments = ""; 
set text_month_screened_comments = "(screened)"; 
set text_meta_music = "music";
set text_meta_mood = "mood";
set text_meta_location = "location";
set text_meta_groups = "groups";
set text_tags_section_header = "tags";

function Page::print_custom_head() {"""

<title>i thought our story was epic.</title>

table table {width: 100%;}
.border3, .border2 {border: 0;}
#headerinfo, #header h3, #userpic, .backtop a {display: none;}

/* PAGE SET-UP */
#bodycontent {background: #ECECEC; border: 1px solid #E0E0E0; line-height: 20px; width: 780px; margin: auto;}
#nav {background: #E5E5E5; line-height: 50px; text-align: center; font-family: courier new; font-weight: bold; letter-spacing: -1pt; font-size: 13pt; text-transform: lowercase;}
#nav a {margin: 0 20px; color: #BBB;}
#nav a:hover {color: #AAA;}

/* SIDEBAR */
.border4 {border: 1px solid #E5E5E5; background: #F5F5F5;}
.columncontent {width: 220px; text-align: justify;}
.columncontent strong {background: #F3F3F3; border-bottom: 1px solid #E5E5E5; padding: 5px; text-transform: uppercase; color: #777; display: block;}
.columnitem {padding: 5px;}
.calempty, .calactitem, .calinitem {text-align: center; line-height: 12px; font-size: 10px;}
.calrow {clear: both;}

/* ENTRIES */
.entry {border: 1px solid #E5E5E5;}
.userpic2 {float: right; background: #F3F3F3; border-bottom: 0px solid #E5E5E5; border-left: 0px solid #E5E5E5; padding: 10px; margin-left: 10px;}
.entryinfo {background: #F3F3F3; text-transform: lowercase; font-weight: bold; color: #777; text-align: right; padding: 5px 6px 0 6px;}
.entrylinks {margin: 4px; background: #F3F3F3; text-transform: lowercase; font-size: 8pt; border-bottom: 1px solid #E5E5E5; padding: 5px 0;}
.entryinfo a {text-transform: lowercase; color: #777;}
.friendname {background: none !important; color: #777 !important;}
.entrytext {background: #F5F5F5; text-align: justify; padding: 10px; text-transform: lowercase;}
.subject {font-size: 12pt;}
.backtop {margin: 20px 0;}
table .currents, .currentsholder {margin: 0; text-align: left; text-transform: lowercase; width: auto;}

/* PREVIOUS - NEXT */
.messageholder {background: #F3F3F3; border: 1px solid #E5E5E5; color: #999; padding: 5px; text-transform: uppercase; font-size: 10px; margin-bottom: 10px;}

/* ARCHIVE PAGE */
.bigday {text-align: right;}

/* COMMENTS PAGE */
.replybox {background: #F3F3F3; border: 1px solid #E5E5E5; padding: 5px; margin: auto;}
.postedby {background: #EAE8E8; padding: 5px;}
#commenttext {width: 95% !important;}
.reply_link {padding: 0 5px;}
textarea {padding: 5px;}
input, option, button {padding: 1px;}
textarea, input, select, option, button {background: #FFF; border: 1px solid #EEE; color: #444; font-family: arial; font-size: 8pt; line-height: 20px;}
</style>
""";}

#==================================
#  SIDEBAR / FREE TEXT BOXES #
#==================================
function Page::lay_print_sidebar {var string header; var string text;

$header = "LoVe";
$text = """ <div class="columnitem">"i thought our story was epic, you know, you and me."
<i>"epic how?"</i>
"spanning years and continents. lives ruined, bloodshed. epic. but summer's almost here, and we won't see each other at all.  and then you leave town...and then it's over."
<i>"logan..."</i>
"i'm sorry about last summer. you know, if i could do it over..."
<i>"come on. ruined lives? bloodshed? you really think a relationship should be that hard?</i>"
"no one writes songs about the ones that come easy."</div> """; print_box($header, $text);

$this->lay_print_calendar();

$this->print_linklist();

$header = "";
$text = """ <div class="columnitem"> """; print_box($header, $text);
}

#==================================
#  METADATA  #
#==================================
function Entry::print_metadata() {var string[] metadata = []; var string{} meta_images = {}; var string{} meta_labels = {}; $metadata = ["location", "mood", "music", "tags", "groups"]; var bool wrap_metadata = true; $meta_labels = {"tags" => "Tags:", "location" => $*text_meta_location, "mood" => $*text_meta_mood, "music" => $*text_meta_music, "groups" => $*text_meta_groups,}; $meta_images = { "tags" => "",
"location" => "",
"mood" => "",
"music" => "",
"groups" => "",};

var bool show_edit_tags_link = false; var string tags_separator = ", "; var bool vanilla_location = true; var bool vanilla_groups= true; var string meta_label_open = """<b>"""; var string meta_label_close = """</b> """; var string meta_val_open= ""; var string meta_val_close = """<br />"""; var string currents_open = """<div class="currentsholder">"""; var string currents_close= """</div>"""; var bool have_meta = (size($.metadata) > 0); var bool have_tags = ((size($.tags) > 0) and $*tags_aware);   var int tcount = 0;  var string currents = "";  var string image = "";  var string k = "";  var string label = "";  var string meta = "";  var string tag = "";  var string val = "";  var Tag t = new Tag;  var Link edit_tags = $this->get_link("edit_tags"); if ($have_meta or $have_tags) {$currents = $currents + $currents_open; if ($wrap_metadata and defined $.mood_icon) {var Image i = $.mood_icon; $currents = $currents + """<table class="currents"><tr><td><img src="$i.url" width="$i.width" height="$i.height" alt="$*text_meta_mood $.metadata{"mood"}" title="$*text_meta_mood $.metadata{"mood"}" /></td><td>""";} foreach $k ($metadata) {$label = $meta_labels{$k} != "" ? $meta_labels{$k} : lang_metadata_title($k); $image = $meta_images{$k} != "" ? $meta_images{$k} : ""; $val = $.metadata{$k}; if ($image != "") {$label = """<img src="$image" alt="$label" title="$label" border="0" />""";}if (($k=="location") and $vanilla_location) {$val = striphtml($val);} if (($k=="groups ") and $vanilla_groups ) {$val = striphtml($val);} if ($k=="mood") {   if (defined $.mood_icon) {var Image i = $.mood_icon; if (not $wrap_metadata) {$val = """<img src="$i.url" width="$i.width" height="$i.height" alt="$*text_meta_mood $.metadata{"mood"}" title="$*text_meta_mood $.metadata{"mood"}" /> $val""";}}}
if (($k=="tags") and ($have_tags==true)) {if($edit_tags.url != "" and $show_edit_tags_link) {$label = """<a href="$edit_tags.url">$label</a>""";}
foreach $t ($.tags) {$tag = """<a href="$t.url">$t.name</a>"""; $val = $val + $tag; $tcount++; if ($tcount < size($.tags)) {$val = $val + "$tags_separator";}}}
if ($val != "") { $meta = $meta_label_open + $label + $meta_label_close + $meta_val_open + $val + $meta_val_close;} else {$meta = "";}$currents = $currents + $meta;}if ($wrap_metadata and defined $.mood_icon) {$currents = $currents + """</td></tr></table>""";}
$currents = $currents + $currents_close;println "$currents";}}

#==================================
#  FIX DOUBLE USERPIC ERROR ON REPLY PAGE  #
#==================================
function ReplyPage::print_body() {var EntryLite e = $.replyto; var string poster = defined $e.poster ? $e.poster->as_string() : "<i>(Anonymous)</i>"; var string time = $e.time->time_format(); var string date = $e.time->date_format();"""<div class="entries">""";var UserLite name;"""</div>""";if ($.replyto isa Entry) {var Entry en = $.replyto as Entry;print safe """""";$this->print_entry($en);"""</div>""";} else {print safe """<div class="entry"><div class="entrydivider"></div><div class="entryinfo">$name</div><div class="entrydivider"></div><div class="entryinfo">$time $date</div><div class="entrydivider"></div><div class="entrylinks"><a href="$.entry.comments.read_url" class="comments">   $*text_reply_back   </a>""";var Link link; foreach var string key ($e.link_keyseq) {$link = $e->get_link($key);if (defined $link) {"""<a href=\"$link.url\">   $link.caption   </a>""";}}"""<a href="$e.permalink_url">   $*text_permalink   </a></div>""";"""<div class="entrytext"><div class="subject">$e.subject</div><p>""";$e->print_text();"""</p></div>""";} """<div class="replybox">""";$.form->print();"""</div></div>""";}

Horizontal scrolling for no aparent reason on IE

carisma_sensei — Fri, 15 May 2009 08:42:32 GMT

Journal: hnm_updates

1)The layout looks great on firefox, but i tested it on IE today and surprise, for no apparent reason, it scrolls horizontally and i can't find the way to fix it. (screencap)

2)Also, on IE, the userpic won't show up on the comments when using the custom comments page, but it does in Firefox.

Thanks for the help in advance!

body {
margin: 0; 
padding: 0; 
font: 12px verdana; 
background: #000000;
}

a, a:visited, a:active {
color: #A20606; 
text-decoration: none; 
}

a:hover {
color: #FFFFFF; 
}

input, textarea, select, blockquote{
border: 3px solid #0F0F0F;
background: url(http://img18.imageshack.us/img18/3264/userpic.png);
background-color: #000000; 
font: 11px arial;
}

blockquote {
padding: 10px;
}

/* -------general look of the page------- */

.border3 {  
border: 0px;
}

#bodycontent {}

.border4 { 
border: 0px solid #333333; 
}

.border2 { 
border: 0px; 
}

/* ------------------------------
HEADER STUFFS
IF YOU WANT TO CHANGE THE HEADER IMAGE CHANGE IT ON THE #USERPIC BACKGROUND IMAGE, NOT THE #HEADER

BACKGROUND IMAGE
-------------------------------- */

#headerinfo { 
display: none; 
}

#header { 
color: #000000; 
background: url(http://img5.imageshack.us/img5/9127/54954437.png);
background-color: #000000; 
height: 255px; 
padding: 0px; 
}

#header h3 { 
margin: 0; 
display: none; 
}

#userpic { 
height: 275px; 
width: 760px; 
position: absolute; 
margin: 0px 0 0 0px; 
border: 0px solid #ffffff; 
background-image: url(http://img15.imageshack.us/img15/8273/headerx.png);
background-repeat: no-repeat;
}

#userpic img {
display: none;
}

#nav { 
font: 16px georgia;
white-space: nowrap;
text-align: left; 
text-transform: lowercase;
font-style: italic;
margin-left: 470px;
margin-top: 240px;
position: absolute;
}

#nav a{ 
        border: 0px solid #FFFFFF;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        height: 20px;
        text-decoration: none;
        color: #FFFFFF;
        background-color: transparent;
        z-index: 15;

}

#nav a:hover {
color: #C0C0C0;
background-image: url();  
z-index: 15;
}

#content {
background-color: #000000; 
}

#content table, #content td, #content tr{
padding: 0; 
margin: 0;
}

#content table {}

.messageholder {
        border: 0px solid;
        margin-bottom: 5px;
        margin-top: 5px;
        color: #000000;
    }

.entries { 
width: 700px; 
margin: -3px 0 0 169px; 
border: 0px; 
color: #FFFFFF;
}

.entry { 
padding: 6px; 
border-bottom: 1px solid #000000; 
min-height: 180px;
background: url() no-repeat 6px 12px;
padding-bottom: 30px;
}

.entries .userpic2 {
display: none; 
}

.entry .userpic2, .entries form .userpic2{
position: absolute; 
margin: 0 0 0 -140px;  
padding: 0 0 10px 0; 
display: inline; 
}

.entry .userpic2 img {
background-color: #000000;
background: url(http://img18.imageshack.us/img18/3264/userpic.png) no-repeat;
padding: 9px;
}

.subject .ljuser {
letter-spacing: 0;
}

.subject { 
font: 19px Georgia;
font-weight: normal; 
letter-spacing: 0px; 
margin: 0 20px 40px 0; 
min-height: 20px; 
padding: 0 20px 0 10px; 
color: #FFFFFF; 
width: 700px;
}

div.subject a, div.subject a:link, div.subject a:visited {
font: 19px Georgia;
font-weight: normal; 
letter-spacing: 0px; 
margin: 0 20px 40px 0; 
min-height: 20px; 
padding: 0 20px 0 10px; 
color: #FFFFFF; 
}

div.subject a:hover {
font: 19px Georgia;
font-weight: normal; 
letter-spacing: 0px; 
margin: 0 20px 40px 0; 
min-height: 20px; 
padding: 0 20px 0 10px; 
color: #FFFFFF; 
}

.entryinfo {
        background-color: #090909;
        font-size: 12px;
        padding: 4px;
        color: #FFFFFF;
    }

.postedby {
        display: none;
    }

.entrylinks {
        border-bottom: 0px solid #090909;
        background-color: #090909;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 12px;
    }

.entrylinks A {
        text-decoration: none;
        padding-top: 4px;
        padding-bottom: 4px;
        white-space: nowrap;
        color: #A20606;
        border-right: 1px solid #000000;
    }

.entrylinks A:Hover {
        background-color: #000000;
    }

.entrydivider {
display: none;
}

.friendname { 
position: absolute; 
margin: -2px 0 30px 130px; 
padding: 2px 5px 2px 5px; 
color: #ffffff !important; 
background-color: transparent !important;
}
.friendname:hover {
color: #FFFFFF !important; }

.entryinfo .ljuser {
margin: -3px 0 0 250px; 
padding: 4px 0 0 4px; 
position: absolute; 
}

.entryinfo .ljuser img {
display: none;
}

a[href*="tellafriend.bml"]{display: none;} a[href*="entry.bml"]{display: none;} a[href*="content_flag.bml"]

{display: none;} a[href*="edittags.bml"]{display: none;}

a[href*="subscriptions"]{display: none;} a[href*="subscriptions"]{display: none;}

/* -------misc stuff------- */
.backtop {
display: none;
}

.sidetd {
display: none;
}
/* ------------------------ */

.columncontent { 
width: 170px; 
}

#cal .entry {
width: 700px;
}

#cal .entrytext {
width: 700px; 
position: absolute; 
margin: 0 0 0 100px; 
}

#cal .entrytext table {
width: 400px; 
float: left;
color: #FFFFFF;
}

#cal .entryinfo { 
margin: 12px 0 0 0px; 
font: 15px Georgia;  
}

#cal .entrylinks {
margin: 50px 0 0 40px;
}

.bigday { 
background-color: transparent; 
text-align: right;  
color: #FFFFFF;
}

#cal .entrytext a {
display: block; 
text-align: right;
}

.entrylinks a b{
display: none;
}

.ljtaglist {
border: 0px; 
width: 500px; 
margin: 0 0 0 148px;
color: #FFFFFF;
}

.ljtaglist a {
display: block; 
width: 400px; 
padding: 1px 0 1px 5px;
}

.ljtaglist li {
list-style-type: decimal-leading-zero;
margin: 0 0 0 -40px; 
padding: 0 0 0 10px;
color: #FFFFFF;
}

div.ContextualPopup { 
display: none;
}

.systemmessage {
        background-color: #000000;
        color: #000000;
        border: 0px solid #000000;
        font-size: 12px;
        margin: 0px 5px 0px 0; 
        padding: 0 10px 0 10px; 
        text-align: center; 
    }

.systemtext {
        font-weight: normal;
        padding-left: 10px;
        padding-right: 10px;
    }

.systemmessage input, .systemmessage textarea, .systemmessage select {
        background-color: #000000;
        color: #000000;
    }

.systemmessage TD {
        padding: 4px;
        font-size: 12px;
        color: #000000;
    }

Quick reply and images in comment linkbar?

carnifinda — Tue, 14 Apr 2009 09:37:20 GMT

Is there a way in Opal to have, in the comments, both images as links and quick reply enabled? I can have a quick reply box if I don't tinker with the source code too much, and I can put images using either Comment::Print_Linkbar or julzroguenine's own modifications of Page::Print_Comment. However, when I use any of these two, the quick reply box never appears and I'm instead taken to the reply page. Are they really not compatible or do I just not know how to do it? :)

Here is my current layer, thanks for any help!

majini — Mon, 06 Apr 2009 19:44:07 GMT

Hello everyone. Small little problem. There's a border coming up around the boxes in my sidebar. I don't think it's anything in the code, but I could be (and probably am) wrong. Does anyone know how to fix it? [SOLVED!]

My code here.

Tag Layer Help

denwa — Mon, 09 Feb 2009 10:44:27 GMT

I've got a bit of a problem.

I'm using a customized theme layer over at domotokyoudai so that I can see tags in the sidebar. The tags show up great, but they're all classified as one columnitem, I think? When I hover over one of the tag links, I want the bar on the left to turn red for only that tag, like they do for the links here.

I've been messing around with the layer, but this is too advanced for me :(.

Can anyone help?

Here's my code:

Thank you so much! (SOLVED)

Need help on blog entry font color

am_klutz — Sat, 17 Jan 2009 17:08:32 GMT

Hi guys,

I feel silly asking such a basic question.. but I am trying to change the color of my blog - background from blue to black. This means that I will need to change my entry (content) font color from dark to light (white). I have tried to find the code for the text however I can't seem to find it. Could someone kindly point out which code I should be looking out for?

Appreciate the help..
Thanks much!

Entry tags not linking properly

carnifinda — Thu, 08 Jan 2009 15:52:08 GMT

I have a small problem with tags in entries. When friends use tags, these displayed tags do not link to their own journals and tags but to mine. Instead of having friend.livejournal.com/tag/theirtag/ I get carnifinda.livejournal.com/tag/theirtag/. I know it comes from the var string tags_root = $.journal->base_url() + "/tag"; bit but I don't know what to change it to so that it could work on my friends page.

Here is the relevant part of my theme layer.

var int count = 0;
var string tags = "";
var string tags_root = $.journal->base_url() + "/tag";
foreach var Tag t ($e.tags) {
$tags = $tags + """<a href="$tags_root/$t.name">$t.name</a>""";
if(++$count < size($e.tags)) {
$tags = $tags + ", ";
}

} if($tags != "" and $*tags_aware) { $tags = "<img src='http://img.photobucket.com/albums/v143/carnifinda/layouts/carnifinda/tags-blue.png' align='absMiddle' /> " + $tags; } """ <div class="tags">$tags</div> """; }

Thanks for any help! :)

Mini Icons

settiai — Sun, 04 Jan 2009 19:54:40 GMT

I've had it set up for several years now that the and images in my journal are replaced with personalized ones. The coding usually needs tweaked a bit whenever LJ changes something, but I can't figure out what to do this time.

If I use only one of those symbols in a post, then it shows the regular LJ image - not my personalized ones. And if I use more than one of them in a post, then the first time it shows the regular LJ image and the rest of the time it shows my own image. The catch is that this only happens if I write something in the post before the [lj user] or [lj comm]; if I simply start out the post with one of them, my own icons show every time.

This is only a problem in Firefox. When I look at my journal in IE, my personalized images show without any problems.

My stylesheet is here and the contents of my theme layer are here.

Calendar box, back/forward links, quote, summary box issues

kyoy — Thu, 18 Dec 2008 06:34:07 GMT

Hallo, me again. Thank you so much to julzroguenine and xoxo_queenb for last time! Sorry to bother again, but I keep finding new stuff to ask about orz. (layer)

#1 I thought it was only temporary but the problem happens every now and then. Sometimes, when I view a page in my journal, the first column in the sidebar calendar stretches (preview). It doesn't happen all the time but it happens quite frequently, it's starting to annoy me. I hope there's a way to fix this~

#2 I just noticed that whenever I put a table in my entries, the width of the table stretches to the current width of the entry itself. Thinking the table table {width: 100%;} did this, I changed the 100% to auto and it does make the table width back to default. But now I see the reason why it was defined that way because the previous/next links don't stretch up to the width of the entries too. Is there a way to define this magical width: 100% override to the previous/next links alone?

#3 I want to customize the quote function (preview) so I customized the .commentreply div div and .commentreply div sections as I was instructed to do when I was using Flexible Squares before but now that I paste it in my layer's css, it doesn't work anymore. Any ideas?

#4 Is there a way to show the 'anonymous' text in the summary sidebox? It looks kinda awkward when it's blank (preview). I'd also like to customize the text by having it say 'anon' instead and be bolded up like the logged in user's names are if possible.

1&2 are the ones I really want to fix the most but I'd appreciate help for any of these problems, thank you! ♥

Tags page, comments, summary box, friends page, calendar, youtube et al issues

kyoy — Mon, 13 Oct 2008 01:14:08 GMT

Hallo. First thing's first, here's my layer .

#1 This may seem shallow but how do I change the bullet of the tags in the tags page? SOLVED!

#2 Speaking of the tags page, how do I customize the looks of the tags? I want them to look like my links section in the sidebox. SOLVED!

#3 I find it odd that the background of the comments in this entry is transparent but it's filled up with color in every other entry. Is there a way to fix this? SOLVED!

#4 Can I change the reply, edit, delete, screen, freeze, etcetera etcetera in the comments page to my own? I want to edit a few link's text and make them all in lowercase.

#5 I see $this->lay_print_summary(); in my layer but the summary box isn't showing for some reason. Any ideas? SOLVED!

#6 Does the user's tiny icon really don't show up in the friends page? Can I change this setting? Is it possible to make it look something like username posted in thecommunity? SOLVED!

#7 Can I change those bullet-like :'s to something else in the calendar page? SOLVED!

#8 Why does is the Youtube video cut in half in this page? The same thing occurs in my friends page. Is there a way to fix this? SOLVED!

Sorry for the amount of questions, I tried to look for every problem possible so I won't come back soon to spam again. ^^;

The ones I'm really keen on are 1, 2, and especially 8. The rest are just for curiosity's sake and I can do without. :3

Thanks in advance! \o/

Reply Form Trouble

phzblue — Sun, 12 Oct 2008 04:20:41 GMT

Hi, I'm using one of fruitstyle's CSS code in a plus account. I tweak the code to a different colour and width but the problem I have here is that the reply form pop up above when normally it should be below the entry or any comment. Here's a picture.

Here's the CSS code im using.

/* S2 OPAL --- Loki~Loki --- <br />Wingweaver22 @ Fruitstyle.livejournal.com */<br /><br />/* COLOURS (HEX) --- #2e2e2e #666666 #aaaaaa #dddddd #eeeeee #6f06e6 #8681f3 #ffffff */<br /><br />body {margin: 0; padding: 0; font: 10px arial; color: #666666;<br />background: url(http://i38.tinypic.com/21exkso.jpg) repeat fixed;}<br /><br />a, a:visited, a:active {color: #6f06e6; text-decoration: none; }<br />a:hover {color: #8681f3; cursor: help; }<br /><br />small {font-size: 9px !important;}<br /><br />input, textarea, select, blockquote {background-color: #fafafa; border: 1px solid #dddddd; font: 9px arial;}<br />input, textarea {background-color: #eeeeee;}<br />blockquote{padding: 10px;}<br /><br />.ljuser {text-transform: lowercase; font: 9px arial;}<br /><br />/* --------------------------------- PAGE --------------------------------- */<br /><br />.border3 {  width: 720px; margin: auto; border-left: 14px solid #2e2e2e; border-right: 14px solid #2e2e2e;}<br />#bodycontent {}<br /><br />.border4 { border: 1px solid #a2b2b1; }<br />.border2 { border: 0; }<br /><br />/* --------------------------------- HEADER --------------------------------- */<br /><br />#headerinfo { display: none; }<br />#header { color: #ffffff; background: url(http://i131.photobucket.com/albums/p317/phzblue/wavie%20lj/blueheader.jpg); height: 210px; padding: 10px;  }<br />#header h3 { margin: 0; display: none; }<br />#userpic { height: 158px; width: 508px; position: absolute; margin: 30px 0 0 190px; border: 6px solid #ffffff; <br />background-image: url(http://i131.photobucket.com/albums/p317/phzblue/wavie%20lj/blueheader2.jpg);}<br />#userpic img {display: none;}<br /><br />#nav { font: 15px Arial; text-align: right; width: 169px; border-right: 1px solid #ffffff; height: 100px; margin: 15px 0 0 0; padding: 60px 0px 20px 0px; line-height: 5px; }<br />#nav a{ display: block; color: #ffffff; padding: 4px 20px 4px 20px; letter-spacing: 2px; text-transform: lowercase; width: 130px;}<br />#nav a:hover {opacity: .6;  }<br /><br />/* --------------------------------- ENTRY / BODY --------------------------------- */<br /><br />#content {background-color: #ffffff; }<br />#content table, #content td, #content tr{padding: 0; margin: 0;}<br />#content table {}<br /><br />.systemmessage {margin: 0px 5px 0px 0; padding: 0 10px 0 10px; text-align: center; }<br />.systemmessage td {font: 9px arial !important; text-transform: lowercase; letter-spacing: 2px; color: #aaaaaa !important;}<br /><br />.entries { width: 550px; margin: 0 0 0 140px; border-left: 1px solid #dddddd; }<br /><br />.entry { padding: 10px; border-bottom: 1px solid #dddddd; min-height: 180px;<br />background: url(http://i131.photobucket.com/albums/p317/phzblue/wavie%20lj/leon.gif) no-repeat 6px 12px;}<br /><br />.entries .userpic2 {display: none; }<br /><br />.entry .userpic2, .entries form .userpic2{position: absolute; margin: 0 0 0 -130px;  padding: 0 0 10px 0; display: inline; }<br />.entry .userpic2 img {border: 1px solid #dddddd; padding: 3px;}<br /><br />.subject .ljuser {letter-spacing: 0;}<br />.subject { text-transform: lowercase; font: 26px georgia; letter-spacing: -3px; border-bottom: 1px dashed #dddddd; word-spacing: 2px; margin: 0 0 30px 0; <br />min-height: 35px; padding: 0 0 0 30px; color: #2e2e2e; }<br />.subject:first-letter {text-transform: uppercase; font-size: 30px; }<br /><br />.entryinfo {position: absolute; margin: 40px 0 0 0; background-color: transparent; font-size: 9px;}<br />.entryinfo img {position: absolute; margin: -30px 0 0 10px;}<br />.entrydivider {display: none;}<br /><br />.friendname { position: absolute; margin: -2px 0 0 80px; padding: 2px 5px 2px 5px; color: #ffffff !important; <br />background-color: #2e2e2e !important; text-transform: uppercase; }<br />.friendname:hover {background-color: #666666 !important; }<br />.entryinfo .ljuser {margin: -3px 0 0 190px; padding: 4px 0 0 4px; text-transform: uppercase; border-left: 1px dashed #dddddd; position: absolute; }<br />.entryinfo .ljuser img {display: none;}<br /><br />.entrylinks {position: absolute; width: 108px; margin: 116px 0 0 -142px; font: 9px arial; text-transform: lowercase; text-align: right; padding: 0 2px 0 2px; }<br />.entrylinks a{display: block; width: 108px; color: #666666; margin: 0 0 3px 0; background-color: #fafafa;}<br />.entrylinks a:hover {background-color: #ffffff; color: #cccccc; }<br /><br />a[href*="tellafriend.bml"]{display: none;} a[href*="entry.bml"]{display: none;} a[href*="content_flag.bml"]{display: none;} a[href*="edittags.bml"]{display: none;}<br /><br />a[href*="subscriptions"]{display: none;} a[href*="subscriptions"]{display: none;}<br /><br />.entrytext img{border: 1px solid #dddddd; padding: 3px;}<br />.entrytext a img {border-color: #6f06e6; border-style: dashed;}<br />.entrytext a img:hover {border-color: #8681f3;}<br /><br />.meta {margin: 2px 0 0 0; padding: 3px 0 0 0; border-top: 1px dashed #dddddd; text-transform: uppercase; font-size: 9px; color: #aaaaaa;}<br /><br />.backtop {display: none;}<br /><br />/* --------------------------------- SIDEBAR --------------------------------- */<br /><br />.sidetd {display: none;}<br /><br />.columncontent { width: 170px; }<br /><br />/* --------------------------------- COMMENT --------------------------------- */<br /><br />#postform table {width: 400px;}<br />.textbox {width: 370px; }<br />#postform table, #postform td, #postform tr {letter-spacing: 0;}<br /><br />.entries form .entry {min-height: 0px;}<br /><br />.reply_link {width: 104px !important; padding: 0 4px 0 0;}<br />.entries form .entrylinks { margin: -27px 0 0 -190px;}<br />.entries form .userpic2 {margin: 0 0 0 -85px;  border: 1px solid #dddddd; padding: 3px;}<br />.entries form .userpic2 img{width: 75px; height: 75px;}<br /><br />.entries form .entryinfo { position: absolute; margin: 36px 0 0 200px; color: #aaaaaa;}<br />.entries form .entryinfo span { display: block; margin: 5px 0 0 -197px; background-color: #fafafa; padding: 2px 2px 2px 5px; text-transform: uppercase; letter-spacing: 2px;}<br /><br />.notablemessage {color: #aaaaaa; text-transform: uppercase; letter-spacing: 2px; background-color: #fafafa; padding: 1px 0 1px 0; }<br /><br />/* --------------------------------- ARCHIVE --------------------------------- */<br /><br />#cal .entry {width: 620px;}<br />#cal .entrytext {width: 453px; position: absolute; margin: 0 0 0 159px; border-left: 1px solid #dddddd;}<br />#cal .entrytext table {width: 440px; float: right;}<br />#cal .entryinfo { margin: 12px 0 0 0px; font: 26px georgia; letter-spacing: -3px; border-bottom: 1px dashed #dddddd; width: 154px; }<br />#cal .entrylinks {margin: 50px 0 0 40px;}<br /><br />.bigday { background-color: #fafafa; text-align: right; text-transform: uppercase; }<br />#cal .entrytext a {display: block; text-align: right;}<br /><br />.entrylinks a b{display: none;}<br /><br />/* --------------------------------- TAG --------------------------------- */<br /><br />.ljtaglist {border-left: 1px solid #dddddd; width: 413px; margin: 0 0 0 159px;}<br />.ljtaglist a {background-color: #fafafa; display: block; width: 440px; padding: 1px 0 1px 5px;}<br />.ljtaglist li {list-style-type: decimal-leading-zero; margin: 0 0 0 -40px; padding: 0 0 0 10px;}<br /><br />/* --------------------------------- OTHERS --------------------------------- */<br /><br />div.ContextualPopup { font: 9px arial !important; text-transform: uppercase;}<br /><br />div.ContextualPopup div.Inner { background-color: transparent !important; border: 0; text-align: right;}<br />div.ContextualPopup .Content { padding: 5px; color: #666666 !important; width: 150px; border: 1px solid #dddddd; background-color: #ffffff;}<br />div.ContextualPopup .Userpic { border: 1px solid #dddddd; padding: 10px;  background-color: #ffffff; margin: 0 -65px 0 0;}<br /><br />div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #6f06e6 !important; text-decoration: none !important; }<br />div.ContextualPopup div.Inner a:hover {color: #8681f3; cursor: help; }<br /><br />.ContextualPopup .Relation {border-bottom: 1px dashed #dddddd; }<br />a[href*="vgift.bml"]{display: none; padding: 0; position: absolute;}<br /><br />img[src*="http://p-stat.livejournal.com/img/icon_private.gif"]{background: url(http://i36.tinypic.com/6dz3vl.jpg) no-repeat; }<br /><br />* html span.ljuser{ background-image: url(http://img291.imageshack.us/img291/4575/useryb4.png) !important no-repeat left middle; padding: 10px 8px 0px 0px !important;}<br /><br />* html span.ljuser img{ visibility: hidden; }<br /><br />.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] { width: 0; height: 0; padding: 12px 8px 0 4px !important;<br />background: url(http://img291.imageshack.us/img291/4575/useryb4.png) no-repeat !important;}<br /><br />.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {width:0; height: 0; padding: 12px 8px 0 4px !important;<br />background: url(http://img247.imageshack.us/img247/7833/communityei5.png) no-repeat !important ; }<br /><br />img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{width: 0; height: 0; padding: 0 0 10px 10px; margin: -25px 0 0 8px; <br />background: url(http://i36.tinypic.com/29eq5nt.jpg);}<br /><br />img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{width: 0; height: 0; padding: 0 0 7px 12px; margin: -22px 0 0 7px; <br />background: url(http://i36.tinypic.com/6dz3vl.jpg) no-repeat;}<br /><br />#lj_controlstrip{background: #000000 !important; }<br />#lj_controlstrip td{border: 0;}<br />#lj_controlstrip_statustext {color: #aaaaaa; font-weight: normal; text-transform: uppercase; font: 9px arial; }<br /><br />#lj_controlstrip a, #lj_controlstrip a:visited, #lj_controlstrip a:active {color: #6f06e6; text-decoration: none !important; }<br />#lj_controlstrip a:hover {color: #8681f3; cursor: help; }<br />#lj_controlstrip input, #lj_controlstrip select {background-color: #fafafa; border: 1px solid #dddddd; font: 9px arial; color: #666666;}<br />#lj_controlstrip input{background-color: #eeeeee;}<br /><br />::-moz-selection { background: #666666; color: #ffffff;}<br />::selection { background: #666666; color: #ffffff;}<br />code::-moz-selection { background: #666666; color: #ffffff;}<br />code::selection { background: #666666; color: #ffffff;}<br /><br />.entrylinks a{background-color: Transparent;}<br /><br />.entrylinks a:hover{background-color: Transparent;}

Thanks in advance.

Double user icon

bowserbabe — Sun, 14 Sep 2008 18:26:27 GMT

I'm having the problem here:
http://community.livejournal.com/opal_help/314820.html (double user icon on the reply page)

But I'm using... I don't remember. Somebody's opal layout but changed and things. It's been forever since I changed my layout.

Anyway, when I add the ReplyPage function, it messes up the font and various things. Same kind of problem as the bottom reply on that page.

I'm going to try and slog through it myself and see if I can find what needs to be changed, but if someone beats me to it, that would be super.

Now let's see if I can remember how to add links to my layers!
Here's my unchanged layer...
And here's the code with the added function. I put it right under the css for easy finding.

Edit: Dangit, now it's working. >.> I didn't stick it at the top (under the css) last time... does the order matter? Because now I'm very confused...

Freakin'... it works when I preview it (ie here) but if I actually change to the new style then it messes up everything again. It's... not actually applying the style to the reply page unless I specifically ask it to?

::pulls hair out::

hope_guides_me — Sat, 30 Aug 2008 21:39:45 GMT

Okay...

THIS is what my meta data looks like. I'm using an older code and I haven't updated it since livejournal added the location option. How would I get the location of a person to go under the mood and music?

Calendar boxes on archive page

thewhiteowl — Sat, 30 Aug 2008 21:25:06 GMT

My archive page is kind of messed up. I think what I need to do is set the width of the calactitem class in the CSS, but when I do that it messes up the sidebar calendar. It says here that as a perm user I should be able to define a new class for one or the other, so how do I do that?

I'm using kunzite1's version of haffling's code, btw. Link to the layer.

weird white space problem in IE

gossymer — Tue, 22 Jul 2008 07:08:53 GMT

Name of journal: dude_you_fugly - Basic account

Problem: When I open the community up in IE7, between the entry's date and linkbar there is a a gap/whitespace. I'm not sure how to fix it. It might have something to do with the userpic or the linkbar links but am not sure. I really want to get the white space removed so any help would be appreciated!

Problem with userpics

kirav199 — Wed, 09 Jul 2008 14:04:00 GMT

Hi!
I've a problem with the layout "loveletter" by butterflybox .
I don't see my userpics, either in my sidebar and posts (and also in both Firefox and IE)!! (look HERE)
This is the entire CSS code:

/*<br />
Original stylesheet by Nadia @ http://nv1978.livejournal.com<br />
Downloaded from: http://butterflybox.livejournal.com<br />
Style System: S2<br />
Theme: Opal<br />
Account: Free, Plus and/or Paid<br />
*/<br />
<br />
body {<br />
	background-color: #282828;<br />
	background-image: url();<br />
	background-repeat: repeat-x;<br />
	font-family: tahoma, verdana, sans-serif;<br />
	color: #818181;<br />
	font-size: 10px;<br />
	line-height: 12px;<br />
	overflow-x: hidden;<br />
	margin: 0;<br />
	}<br />
<br />
#content {<br />
	background-color: #212121;<br />
	padding: 5px;<br />
	}<br />
<br />
#sidecolumn {<br />
	width: 180px;<br />
	}<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Borders along the page<br />
------------------------------------------------------------------------*/	<br />
/* To disable a border, change to 0 */<br />
<br />
.border4 {<br />
	border: 0 solid #F3F3F3;<br />
	}<br />
.border3 {<br />
	border: 0 solid #F3F3F3;<br />
	}<br />
.border2 {<br />
	border: 0 solid #F3F3F3;<br />
	}<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Links on page<br />
------------------------------------------------------------------------*/<br />
<br />
a, a:active, a:visited, a:active b, a:visited b {<br />
	color: #E30076;<br />
	font-family: small fonts;<br />
	font-size: 7px;<br />
	font-weight: normal;<br />
	text-decoration: none;<br />
	text-transform: uppercase;<br />
	}<br />
<br />
/* links when cursor is hovering over it */<br />
a:hover, a:hover b, a:hover .nosubject {<br />
	color: #565656;<br />
	}<br />
<br />
/*---------------------------------------------------------------------<br />
   General page alignment and width<br />
------------------------------------------------------------------------*/<br />
<br />
/* this is the maincontainer */<br />
#bodycontent {<br />
	background-color: #2B2B2B;<br />
	border: 5px solid #212121;<br />
	width: 700px;<br />
	margin-left: auto; <br />
	margin-right: auto;<br />
	}<br />
<br />
/* where you can place your header */<br />
#headerinfo {<br />
	background-image: url(http://i189.photobucket.com/albums/z45/KiraV199/templates/livejournal/headerkirav199.jpg);<br />
	background-repeat: norepeat;<br />
	background-position: center;<br />
	height: 160px;<br />
	font-size: 0;<br />
	display: yes;<br />
	}<br />
<br />
/* where you can edit your journal title */<br />
#header {<br />
	font-size: 0;<br />
	}<br />
<br />
/*---------------------------------------------------------------------<br />
   User pics<br />
------------------------------------------------------------------------*/<br />
<br />
/* change to 'float:right' if you want your posting icon on the right. */<br />
.userpic2 {<br />
	position: relative;<br />
	float: right;<br />
	text-align: right;<br />
	background-color: #282828;<br />
	border: 1px solid #333333;<br />
	margin: 5px;<br />
	padding: 3px;<br />
	display: yes;<br />
	}<br />
<br />
/*if userpic in the sidebar is enabled. */<br />
#userpic { <br />
	overflow: visible; <br />
	text-align: center;<br />
	margin-bottom: 5px; <br />
	padding: 2px;<br />
	display: none;<br />
	}<br />
<br />
/*---------------------------------------------------------------------<br />
   Navigation at the top<br />
------------------------------------------------------------------------*/<br />
<br />
#nav {<br />
	letter-spacing: 2px;<br />
	text-transform: uppercase;<br />
	text-align: right;<br />
	padding-top: 10px;<br />
	white-space: nowrap;<br />
	text-decoration: none;<br />
	}<br />
<br />
#nav a, #nav a:active, #nav a visited {<br />
	-moz-border-radius: 20px 20px 0 0;<br />
	font-family: tahoma,verdana,sans-serif;<br />
	padding: 5px;<br />
	color: #E50373;<br />
	text-decoration: none;<br />
	background-color: #212121;<br />
	font-size: 10px;<br />
	text-transform: lowercase;<br />
	text-decoration: none;<br />
	letter-spacing: 1px;<br />
	}<br />
<br />
#nav a:hover {<br />
	color: #565656;<br />
	border-bottom: 1px solid #333333;<br />
	}<br />
<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Entry stuff<br />
------------------------------------------------------------------------*/<br />
<br />
/* the following deal with entries themselves */<br />
.entry {<br />
	-moz-border-radius: 20px 20px 20px 20px;<br />
	background-color: #2B2B2B;<br />
	text-align: justify;<br />
	margin-bottom: 10px;<br />
	padding: 6px;<br />
	}<br />
<br />
/* the next two are where it says "posted by" */<br />
.entryinfo {<br />
	color: #565656;<br />
	text-transform: lowercase;<br />
	background-color: #212121;<br />
	padding: 2px 0 2px 0;<br />
	letter-spacing: 1px;<br />
	}<br />
<br />
/* the subject of the post */<br />
.subject {<br />
	font-family: "Trebuchet MS",verdana,tahoma,sans-serif;<br />
	color: #565656;<br />
	font-size: 14px;<br />
	font-weight: normal;<br />
	text-align: right;<br />
	text-transform: uppercase;<br />
	padding: 2px; 5px 2px 5px;<br />
	}<br />
<br />
/* the next three deal with the links at the top of each entry */<br />
.entrylinks {<br />
	font-size: 7px;<br />
	font-family: small fonts;<br />
	padding-top: 2px;<br />
	padding-bottom: 2px;<br />
	background-color: #2B2B2B;<br />
	text-align: left;<br />
	text-transform: uppercase;<br />
	}<br />
	<br />
.entrylinks a {<br />
	color: #565656;<br />
	background-color: transparent;<br />
	white-space: nowrap;<br />
	}<br />
	<br />
.entrylinks a:hover {<br />
	color: #E30076;<br />
	background-color: transparent;<br />
	}<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Currents, Tags<br />
------------------------------------------------------------------------*/<br />
<br />
/* Current mood, location, music  */<br />
.meta {<br />
	margin-top: 2px;<br />
	font-size: 10px;<br />
	text-transform: lowercase;<br />
	}<br />
<br />
/* Tags */<br />
.ljtags {<br />
	margin-top: 20px;<br />
	}<br />
.tags {<br />
	font-size: 10px;<br />
	text-transform: lowercase;<br />
	padding: 1px;<br />
	}<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Sidebar stuff<br />
------------------------------------------------------------------------*/<br />
<br />
/* the columns */<br />
.columncontent {<br />
	background-color:#2B2B2B;<br />
	border: 1px solid #333333;<br />
	text-align: center;<br />
	padding: 5px;<br />
	}<br />
<br />
/* the header of each column */<br />
.columncontent strong {<br />
	font-size: 10px;<br />
	color: #737373;<br />
	font-weight: bold;<br />
	text-transform: uppercase;<br />
	}<br />
<br />
/* text area of the columns */<br />
.columnitem {<br />
	padding: 2px;<br />
	margin-top: 4px;<br />
	background-color: #282828;<br />
	border: 1px solid #333333;<br />
	text-align: left;<br />
	overflow: visible;<br />
	}<br />
<br />
/* links in the side column */<br />
#sidecolumn a {<br />
	color: #565656;<br />
	font-size: 7px;                       <br />
	font-family: small fonts;<br />
	text-transform: uppercase;<br />
	}<br />
#sidecolumn a:hover {<br />
	color: #E30076;<br />
	}<br />
<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Calendar<br />
------------------------------------------------------------------------*/<br />
<br />
/* the calendar on the side */<br />
.calrow {<br />
	clear: both;<br />
	width: 100%;<br />
	text-align: right;<br />
	}<br />
<br />
.calempty {<br />
	width: 12%;<br />
	}<br />
<br />
.calactitem {<br />
	font-size: 9px;<br />
	padding: 2px;<br />
	border: 1px solid #333333;<br />
	text-align: center;<br />
	background-color: #282828;<br />
	}<br />
<br />
.calinitem {<br />
	font-size: 9px;<br />
	padding: 2px;<br />
	border: 1px solid #333333;<br />
	background-color: #282828;<br />
	text-align: center;<br />
	}<br />
<br />
/* days on the calendar page */<br />
.bigday {<br />
	font-size: 9px;<br />
	font-weight: normal;<br />
	letter-spacing: 2px;<br />
	padding: 10px;<br />
	}<br />
	<br />
/* year in calendar page */<br />
.systemtext {<br />
	color: #447369;<br />
	font-weight: bold;<br />
	text-transform: uppercase;<br />
	}<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Comments stuff<br />
------------------------------------------------------------------------*/<br />
<br />
/* Textarea, input, select, option */<br />
input, textarea, option, select {<br />
	color: #818181;<br />
	font-family: tahoma,verdana,sans-serif;<br />
	font-size: 10px;<br />
	background-color: #282828;<br />
	border: 1px solid #333333;<br />
	}<br />
<br />
/* on the comments page, the username of the commenter */<br />
.postedby {<br />
	text-transform: uppercase;<br />
	}<br />
<br />
/* when a whole bunch of replies occurs and they turn to boxes */<br />
.minicomment {<br />
	padding: 4px;<br />
	background-color: #282828;<br />
	border: 1px solid #333333;<br />
	}<br />
	<br />
.minicommentholder {<br />
	border: 1px solid #333333;<br />
	}<br />
<br />
.messageholder {<br />
	border: 0 solid #333333;<br />
	margin: 5px 0 5px 0;<br />
	}<br />
<br />
/* when viewing comments, where it says "comments" */<br />
.notablemessage {<br />
	padding: 4px;<br />
	}<br />
<br />
/*-----------------------------------------------------------------------------<br />
   Misc stuff<br />
------------------------------------------------------------------------*/<br />
<br />
/* back, forward links, etc. */<br />
.systemmessage {<br />
	background-color: transparent;<br />
	border: 0 solid #282828;<br />
	}<br />
<br />
.systemmessage a {<br />
	padding: 2px 10px 2px 10px;<br />
	}<br />
<br />
.systemmessage td {<br />
	padding: 2px;<br />
	}<br />
<br />
/* if you enabled IP logging */<br />
.ip { color:#447369; }<br />
<br />
/* if logged in, this edits the "mass action on selected comments" option */<br />
.multiform { font-weight: bold; }<br />
<br />
/* the links that say 'back to top' at the bottom of each entry */<br />
.backtop {<br />
text-align: right;<br />
font-size: 10px;<br />
}<br />
.backtop a {<br />
	font-weight: normal;<br />
	color: #565656;<br />
	text-transform: uppercase;<br />
	}<br />
.backtop a:hover {<br />
	color: #E30076;<br />
	}<br />
	<br />
blockquote {<br />
	padding: 8px 10px 8px 10px;<br />
	background-color: #212121;<br />
	border-left: 3px solid #333333;<br />
	margin-bottom: 20px;<br />
	}

Thanks in advance for the help! ^___^

Surprise, surprise! Trouble with IE.

plainrea — Fri, 27 Jun 2008 02:29:34 GMT

Hello all. A few questions from a first time Opal-er.

I'm using the "Loveletter" theme by butterflybox for my newest layout. I modified the CSS for a lighter, happier color scheme, but overall, the original coding is intact. It works beautifully in Firefox, but I'm running into "hiccups" with IE (no shocker there). I was hoping someone could help "tweak" my CSS (or provide theme layer codes) to resolve these issues.

1. How do I remove header text WITHOUT losing the navigational links? I found this post in the community memories, but after implementing the code, the title is still showing in the header bar. I changed the font color to match the background color of the header for a "quick fix," but I'm only "hiding" the text, not "removing" it. Surely there's a better solution...?

2. My comments page is doing this little number. See how it's pushed outside the content area? The entries with fewer comments have regular view, but I'm thinking the 35+ replies are forcing the comments (and entry) outside the table and to the right. I assume this is some form or other of a .userpic problem...? =/ I've noticed others experiencing this very thing (or something similar), but the layout displays fine in Firefox, and I'd rather not screw with it trying to fix IE.

3. This isn't an "issue" per se, but I was wondering if it was possible to "sticky" an entry—AND, if it's possible to sticky the entry on public entries only? I'm not sure such a customization exists; I've seen sticky codes for other LJ styles, but I haven't had much luck in finding one for Opal.

My custom CSS is here.

Thanks in advance for the help. It's greatly appreciated.