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 )

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.

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?

( a picture for clarity )

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(); } } 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">$e.poster.username</a> """; 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!

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.

Hey, all. I browsed through the tags and looked through the past 2 pages, but I couldn't find anything on these particular issues. Now, I will admit that they are slightly layout-specific, but the community from which I took the CSS suffered a server crash so all their downloads are gone and I don't think they're answering questions any more.

For reference, I am using butterflybox's "Loveletter" CSS.

Here are the images, comparing my CSS with the unaltered CSS:
Original CSS
My CSS
My CSS - Friends Page
All I did was change the colors and the header image.

Now, here are my issues:
1.) The entry subject. In the original CSS the text is nice, large, and grayed out. In my CSS, it seems to have been converted to that of a link-- small and light blue. Any way to fix this?
2.) My friends list suffers the same entry subject problem. However, is there anyway to remove those nasty white borders around the usernames and get the little user icon (you know, that blank-faced guy with the blue shirt) to display next to the names instead?

I deeply appreciate any help with this. If you need me to host either the original CSS or my altered CSS, I can easily do so.

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!

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!

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? 

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.

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 :)

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; function getAltColor (Color color, string dir, int num) : Color { var int lt = $color->lightness(); if($dir == "light") { if($lt > 200) { $color = $color->darker($num); } else { $color = $color->lighter($num); } } elseif($dir == "dark") { if($lt < 55) { $color = $color->lighter($num); } else { $color = $color->darker($num); } } return $color; } ################################################################################ # # Prop Init # function prop_init () { if($*color_bg.as_string == "") { $*color_bg = "#000000"; } if($*color_fg.as_string == "") { $*color_fg = "#000000"; } if($*color_fg_font.as_string == "") { $*color_fg_font = "#000000"; } 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 generateDots (string un) : string { var string dots; if($un != "") { foreach var string s ($un) { if($s == "a" or $s == "c" or $s == "e" or $s == "f" or $s == "h" or $s == "k" or $s == "m" or $s == "n" or $s == "p" or $s == "r" or $s == "t" or $s == "v" or $s == "x" or $s == "z") { $dots = $dots + ":"; } elseif($s == " ") { $dots = $dots + " "; } else { $dots = $dots + "."; } } } return $dots; } 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"""; } function num_comments_in_thread (Comment[] comments) : int { var int total = 0; foreach var Comment c ($comments) { $total = $total + 1; if (size $c.replies > 0) { $total = $total + num_comments_in_thread($c.replies); } } return $total; } ################################################################################ # # 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); } 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 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"); 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 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">"""; 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>"""; } 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() { 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); """ <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> <center><img src="http://img.photobucket.com/albums/v216/galeforce/1548210.jpg"></center> <style type="text/css"> body {background: #FFF url(http://img5.imageshack.us/img5/2669/18377177.png) repeat-x fixed; color: #444; font-family: arial, sans-serif; font-size: 8pt; margin: 30px 0;} a, a:link, a:active, a:visited {color: #777; text-decoration: none;} a:hover {color: #999; text-decoration: none; cursor: default;} ::-moz-selection {color: #FFF; background: #444;} 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>""";}