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>""";}

Journal: hnm_updates

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

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

Thanks for the help in advance!

( Read more... )

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

Here is my current layer, thanks for any help!

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

( An image of the sidebar here )

My code here.

I've got a bit of a problem.

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

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

Can anyone help?

Here's my code:
layerinfo "type" = "theme"; layerinfo "name" = "tags"; function Page::lay_print_sidebar () { $this->lay_print_freetext(); $this->lay_print_calendar(); $this->print_linklist(); var string header = "Tags"; var string content = ""; var Page p = get_page(); var Tag[] tags = $p->visible_tag_list(); foreach var Tag tag ($tags) { $content = $content + """<a href="$tag.url">$tag.name</a><br />"""; } $content = box_item($content); print_box($header, $content); }

Thank you so much! (SOLVED)

Hi guys,

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

Appreciate the help..
Thanks much!

Current Mood: frustrated

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

Here is the relevant part of my theme layer. ( Read more... )

Thanks for any help! :)

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

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

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

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

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

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

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

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

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

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

Current Mood: sore

I want to setup a hyperlink for my Music currents tag just like the default Location currents tag. I've been experimenting and searching for a simple way to do it, but have not been successful. Ideally, I would like the my Music currents to automatically search Google Music for artist and album info (again, just like Location currents searches Google Maps).

Many thanks in advance for input.

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

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

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

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

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

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

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

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

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

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

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

Thanks in advance! \o/

Current Mood: hopeful

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

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

Thanks in advance.

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

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

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

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

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

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

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

::pulls hair out::

Okay...

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

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

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

Current Mood: confused

Hello! Sorry about this, but I'm back with yet another question, about what appears to be a weird little layout imperfection... any help would be appreciated. I've already skimmed my CSS but I couldn't find anything that would be causing it...

( Read more... )

I used the exact same CSS for both (just with different images and colors obviously) so I am very clueless as to what's causing it. It's not like a huge issue or something, so no need to wrack your brains over it, but if anyone has seen this before I would greatly appreciate the help!

Here's a file with both layouts' CSS: ->CLICK! <- If that helps...

SOLVED thanks all, you rock.

Name of journal: dude_you_fugly - Basic account

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

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

Thanks in advance for the help! ^___^

Current Mood: frustrated

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

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

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

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

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

My custom CSS is here.


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

Current Mood: drained