urn:lj:livejournal.com:atom1:opal_help
Beating Opal
Help with and tips, tricks & tutorials for the Opal style
Opal (Libra OSWD) Help
2010-07-20T20:41:45Z
urn:lj:livejournal.com:atom1:opal_help:326390
Kelly
Spacing for Entry Links
2010-07-20T20:35:04Z
2010-07-20T20:41:45Z
This is making me crazy.<br /><br />My current layout:<br /><a href="http://bowserbabe.livejournal.com" target="_blank">http://bowserbabe.livejournal.com</a><br /><a href="http://www.livejournal.com/customize/advanced/layersource.bml?id=6232704&fmt=html" target="_blank">Code</a><br /><br />My testing/mess-with layout:<br /><a href="http://bowserbabe.livejournal.com/?s2id=5402248" target="_blank">http://bowserbabe.livejournal.com/?s2id=5402248</a><br /><a href="http://www.livejournal.com/customize/advanced/layersource.bml?id=22335927&fmt=html" target="_blank">Code</a><br /><br />On the one I have now, which I did not make but have done things to over the years, there is no space/&nbsp; 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.<br /><br />Obviously it's in there somewhere. o.O<br /><br />This is what I'm talking about in view source:<pre><div class="entrylinks">
<a href="http://bowserbabe.livejournal.com/204015.html?mode=reply">&nbsp; What was that?&nbsp; </a>
<a href="http://www.livejournal.com/editjournal.bml?journal=bowserbabe&itemid=204015">Edit Entry</a>
<a href="http://www.livejournal.com/tools/memadd.bml?journal=bowserbabe&itemid=204015">Add to Memories</a>
<a href="http://bowserbabe.livejournal.com/204015.html">Link</a></pre><a name='cutid1-end'></a><br /><br /><b>Edit</b>: 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.
urn:lj:livejournal.com:atom1:opal_help:326042
voressima
Header images for sidebar boxes and entry link separator
2010-07-18T20:53:08Z
2010-07-18T20:53:08Z
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.<br /><br /><font size="-2">(I really need to learn to stick to just changing colors and slapping a new header on a layout that already works!)</font><br /><br /><b><u>Problem 1:</u></b> 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 <i>$this->lay_print_summary();</i> and <i>$this->print_linklist();</i>, 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? <br /><br /><br />I want to somehow be able to get the "Links" to look like the other titles in the sidebar.<br /><br /><img src="https://i2.photobucket.com/albums/y25/schemering/linksissue.png" fetchpriority="high"><br /><br />(I never use the page summary and go into the raw source code to add links instead of somehow retreiving the data from the default link list, so it's never been an issue before...)<br /><a name='cutid1-end'></a><br /><br /><b><u>Problem 2:</u></b> 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:<br /><br />comment | edit entry | edit tags<br /><br />There seems to be a piece of code for that under <i>Entry::print_linkbar()</i>, 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)<br /><br />My code (work in progress):<br /><br /><textarea rows="2" cols="20">
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);
}
}
</textarea><br /><br />Thanks in advance!
urn:lj:livejournal.com:atom1:opal_help:325880
Eumenides
Moving the Entry Links
2010-05-11T01:14:45Z
2010-05-11T01:14:45Z
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.
urn:lj:livejournal.com:atom1:opal_help:325100
Denorios
Newbie here with a metadata problem...
2010-01-23T09:56:18Z
2010-01-23T09:56:18Z
I'm using a layout by <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="fruitstyle" lj:user="fruitstyle" ><a href="https://fruitstyle.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://fruitstyle.livejournal.com/" class="i-ljuser-username" target="_self" ><b>fruitstyle</b></a></span> and I followed <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="kunzite1" lj:user="kunzite1" ><a href="https://kunzite1.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://kunzite1.livejournal.com/" class="i-ljuser-username" target="_self" ><b>kunzite1</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span>'s <a href="http://community.livejournal.com/s2layers/60451.html" target="_blank">tutorial for moving the moodtheme pic to the left of the metadata</a>, 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?<br /><br />I also tried to follow <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="julzroguenine" lj:user="julzroguenine" ><a href="https://julzroguenine.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://julzroguenine.livejournal.com/" class="i-ljuser-username" target="_self" ><b>julzroguenine</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span>'s <a href="http://julzroguenine.livejournal.com/240880.html#cutid15" target="_blank">instructions for changing the metadata text to images</a>, but it just exchanged the text for the full URL of the image I wanted to use, rather than the image itself.<br /><br />My journal is <a href="http://denorios.livejournal.com" target="_blank">here</a> and my layer is <a href="http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=18892197" target="_blank">here</a>. Thanks in advance!
urn:lj:livejournal.com:atom1:opal_help:324819
Courtney
Pictures in the sidebar
2009-11-11T04:00:01Z
2009-11-11T04:00:01Z
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 <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="kunzite1" lj:user="kunzite1" ><a href="https://kunzite1.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://kunzite1.livejournal.com/" class="i-ljuser-username" target="_self" ><b>kunzite1</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span>'s variation of <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="halffling" lj:user="halffling" ><a href="https://halffling.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://halffling.livejournal.com/" class="i-ljuser-username" target="_self" ><b>halffling</b></a></span>'s codes and I'm not sure what needs to be changed to get the images to show in the additional sidebar columns. <br />Any help would be awesome. Thank you!
urn:lj:livejournal.com:atom1:opal_help:324569
o(≧∀≦)o「NYAPPY」tiramisu ☆
no taglist on sidebar; no paid account.
2009-08-05T00:13:49Z
2009-08-05T00:13:49Z
i have a <strong>basic account</strong> and i'd like some help making my taglist show on the sidebar.<br />i know it's possible because it was there before i stupidly decided to try out different layouts.<br />i'm using the SAME layout as before now, and the taglist is gone. what could've happened?
urn:lj:livejournal.com:atom1:opal_help:324034
I Believe In Castiel
opal_help @ 2009-07-27T17:20:00
2009-07-27T22:23:09Z
2009-07-27T22:23:09Z
<b>I need a code that will work to automatically cut images and videos from entries on my friends page. </b><br /><br />I found the entry have to do with the modified kill list code, but was unable to get that code to work for me. <br /><br />I also tried the automatic resizing code, which worked well, but will not resize youtube videos. <br /><br />Thanks.
urn:lj:livejournal.com:atom1:opal_help:323261
ditzyfish 🌼
Entry nav bar images?
2009-06-22T17:28:00Z
2009-06-22T17:28:00Z
I've looked through the tags and back through posts but can't find what I want to do.<br /><br />I'd like to replace the entry nav bar text (leave a comment, add to memories, track this etc...) with images if possible?<br /><br />Hope someone can help, thanks :)
urn:lj:livejournal.com:atom1:opal_help:323037
mulder
comment links help.
2009-05-18T22:57:55Z
2009-05-18T22:58:56Z
i recently edited my opal layout on <a href="http://seeley.dreamwidth.org" target="_blank" rel="nofollow">dreamwidth</a> 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:<br /><br />layout layer:<br /><textarea>
# -*-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>
""";
}
</textarea><br /><br /><br />theme layer:<br /><textarea>
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>""";}
</textarea>
urn:lj:livejournal.com:atom1:opal_help:322369
carisma_sensei
Horizontal scrolling for no aparent reason on IE
2009-05-15T08:42:32Z
2009-05-15T08:42:32Z
Journal: <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="hnm_updates" lj:user="hnm_updates" ><a href="https://hnm-updates.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://hnm-updates.livejournal.com/" class="i-ljuser-username" target="_self" ><b>hnm_updates</b></a></span><br /><br />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. (<a href="http://img188.imageshack.us/img188/3504/dxfhdju.jpg" target="_blank" rel="nofollow">screencap</a>)<br /><br />2)Also, on IE, the userpic won't show up on the comments when using the custom comments page, but it does in Firefox.<br /><br />Thanks for the help in advance!<br /><br /><br /><br /><textarea>
body {
margin: 0;
padding: 0;
font: 12px verdana;
background: #000000;
}
a, a:visited, a:active {
color: #A20606;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
}
input, textarea, select, blockquote{
border: 3px solid #0F0F0F;
background: url(http://img18.imageshack.us/img18/3264/userpic.png);
background-color: #000000;
font: 11px arial;
}
blockquote {
padding: 10px;
}
/* -------general look of the page------- */
.border3 {
border: 0px;
}
#bodycontent {}
.border4 {
border: 0px solid #333333;
}
.border2 {
border: 0px;
}
/* ------------------------------
HEADER STUFFS
IF YOU WANT TO CHANGE THE HEADER IMAGE CHANGE IT ON THE #USERPIC BACKGROUND IMAGE, NOT THE #HEADER
BACKGROUND IMAGE
-------------------------------- */
#headerinfo {
display: none;
}
#header {
color: #000000;
background: url(http://img5.imageshack.us/img5/9127/54954437.png);
background-color: #000000;
height: 255px;
padding: 0px;
}
#header h3 {
margin: 0;
display: none;
}
#userpic {
height: 275px;
width: 760px;
position: absolute;
margin: 0px 0 0 0px;
border: 0px solid #ffffff;
background-image: url(http://img15.imageshack.us/img15/8273/headerx.png);
background-repeat: no-repeat;
}
#userpic img {
display: none;
}
#nav {
font: 16px georgia;
white-space: nowrap;
text-align: left;
text-transform: lowercase;
font-style: italic;
margin-left: 470px;
margin-top: 240px;
position: absolute;
}
#nav a{
border: 0px solid #FFFFFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
height: 20px;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
z-index: 15;
}
#nav a:hover {
color: #C0C0C0;
background-image: url();
z-index: 15;
}
#content {
background-color: #000000;
}
#content table, #content td, #content tr{
padding: 0;
margin: 0;
}
#content table {}
.messageholder {
border: 0px solid;
margin-bottom: 5px;
margin-top: 5px;
color: #000000;
}
.entries {
width: 700px;
margin: -3px 0 0 169px;
border: 0px;
color: #FFFFFF;
}
.entry {
padding: 6px;
border-bottom: 1px solid #000000;
min-height: 180px;
background: url() no-repeat 6px 12px;
padding-bottom: 30px;
}
.entries .userpic2 {
display: none;
}
.entry .userpic2, .entries form .userpic2{
position: absolute;
margin: 0 0 0 -140px;
padding: 0 0 10px 0;
display: inline;
}
.entry .userpic2 img {
background-color: #000000;
background: url(http://img18.imageshack.us/img18/3264/userpic.png) no-repeat;
padding: 9px;
}
.subject .ljuser {
letter-spacing: 0;
}
.subject {
font: 19px Georgia;
font-weight: normal;
letter-spacing: 0px;
margin: 0 20px 40px 0;
min-height: 20px;
padding: 0 20px 0 10px;
color: #FFFFFF;
width: 700px;
}
div.subject a, div.subject a:link, div.subject a:visited {
font: 19px Georgia;
font-weight: normal;
letter-spacing: 0px;
margin: 0 20px 40px 0;
min-height: 20px;
padding: 0 20px 0 10px;
color: #FFFFFF;
}
div.subject a:hover {
font: 19px Georgia;
font-weight: normal;
letter-spacing: 0px;
margin: 0 20px 40px 0;
min-height: 20px;
padding: 0 20px 0 10px;
color: #FFFFFF;
}
.entryinfo {
background-color: #090909;
font-size: 12px;
padding: 4px;
color: #FFFFFF;
}
.postedby {
display: none;
}
.entrylinks {
border-bottom: 0px solid #090909;
background-color: #090909;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
}
.entrylinks A {
text-decoration: none;
padding-top: 4px;
padding-bottom: 4px;
white-space: nowrap;
color: #A20606;
border-right: 1px solid #000000;
}
.entrylinks A:Hover {
background-color: #000000;
}
.entrydivider {
display: none;
}
.friendname {
position: absolute;
margin: -2px 0 30px 130px;
padding: 2px 5px 2px 5px;
color: #ffffff !important;
background-color: transparent !important;
}
.friendname:hover {
color: #FFFFFF !important; }
.entryinfo .ljuser {
margin: -3px 0 0 250px;
padding: 4px 0 0 4px;
position: absolute;
}
.entryinfo .ljuser img {
display: none;
}
a[href*="tellafriend.bml"]{display: none;} a[href*="entry.bml"]{display: none;} a[href*="content_flag.bml"]
{display: none;} a[href*="edittags.bml"]{display: none;}
a[href*="subscriptions"]{display: none;} a[href*="subscriptions"]{display: none;}
/* -------misc stuff------- */
.backtop {
display: none;
}
.sidetd {
display: none;
}
/* ------------------------ */
.columncontent {
width: 170px;
}
#cal .entry {
width: 700px;
}
#cal .entrytext {
width: 700px;
position: absolute;
margin: 0 0 0 100px;
}
#cal .entrytext table {
width: 400px;
float: left;
color: #FFFFFF;
}
#cal .entryinfo {
margin: 12px 0 0 0px;
font: 15px Georgia;
}
#cal .entrylinks {
margin: 50px 0 0 40px;
}
.bigday {
background-color: transparent;
text-align: right;
color: #FFFFFF;
}
#cal .entrytext a {
display: block;
text-align: right;
}
.entrylinks a b{
display: none;
}
.ljtaglist {
border: 0px;
width: 500px;
margin: 0 0 0 148px;
color: #FFFFFF;
}
.ljtaglist a {
display: block;
width: 400px;
padding: 1px 0 1px 5px;
}
.ljtaglist li {
list-style-type: decimal-leading-zero;
margin: 0 0 0 -40px;
padding: 0 0 0 10px;
color: #FFFFFF;
}
div.ContextualPopup {
display: none;
}
.systemmessage {
background-color: #000000;
color: #000000;
border: 0px solid #000000;
font-size: 12px;
margin: 0px 5px 0px 0;
padding: 0 10px 0 10px;
text-align: center;
}
.systemtext {
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
}
.systemmessage input, .systemmessage textarea, .systemmessage select {
background-color: #000000;
color: #000000;
}
.systemmessage TD {
padding: 4px;
font-size: 12px;
color: #000000;
}
</textarea> <br /><br /><a name='cutid1-end'></a>
urn:lj:livejournal.com:atom1:opal_help:322261
Gaëlle
Quick reply and images in comment linkbar?
2009-04-14T09:37:20Z
2009-04-14T09:37:20Z
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 <a href="http://community.livejournal.com/s2layers/68721.html#cutid1" target="_blank">Comment::Print_Linkbar</a> or <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="julzroguenine" lj:user="julzroguenine" ><a href="https://julzroguenine.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://julzroguenine.livejournal.com/" class="i-ljuser-username" target="_self" ><b>julzroguenine</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span>'s own modifications of <a href="http://philippe.schilles.free.fr/print_comment.txt" target="_blank" rel="nofollow">Page::Print_Comment</a>. 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? :)<br /><br /><a href="http://www.livejournal.com/customize/advanced/layersource.bml?id=14804998&fmt=html" target="_blank">Here</a> is my current layer, thanks for any help!
urn:lj:livejournal.com:atom1:opal_help:321684
Shut Up & Drive.
opal_help @ 2009-04-06T14:43:00
2009-04-06T19:44:07Z
2009-04-07T03:10:59Z
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? <b>[SOLVED!]</b><br /><br /><img src="https://i25.photobucket.com/albums/c58/dddrone/Misc/sidebar.jpg" fetchpriority="high"><a name='cutid1-end'></a><br /><br />My code <a href="http://www.livejournal.com/customize/advanced/layeredit.bml?id=15604138" target="_blank">here</a>.
urn:lj:livejournal.com:atom1:opal_help:321073
電話
Tag Layer Help
2009-02-09T10:44:27Z
2009-02-10T01:46:48Z
I've got a bit of a problem.<br /><br />I'm using a customized theme layer over at <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="domotokyoudai" lj:user="domotokyoudai" ><a href="https://domotokyoudai.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://domotokyoudai.livejournal.com/" class="i-ljuser-username" target="_self" ><b>domotokyoudai</b></a></span> 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 <a href="http://blackjoke.livejournal.com/" target="_blank">here</a>.<br /><br />I've been messing around with the layer, but this is too advanced for me :(.<br /><br />Can anyone help?<br /><br />Here's my code:<br /><textarea>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);
}
</textarea><br /><br />Thank you so much! <b>(SOLVED)</b>
urn:lj:livejournal.com:atom1:opal_help:320793
Andrea
Need help on blog entry font color
2009-01-17T17:08:32Z
2009-01-17T17:08:32Z
Hi guys,<br /><br />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?<br /><br />Appreciate the help..<br />Thanks much!
urn:lj:livejournal.com:atom1:opal_help:320514
Gaëlle
Entry tags not linking properly
2009-01-08T15:52:08Z
2009-01-08T16:01:52Z
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 <em>friend.livejournal.com/tag/theirtag/</em> I get <em>carnifinda.livejournal.com/tag/theirtag/</em>. I know it comes from the <em>var string tags_root = $.journal->base_url() + "/tag";</em> bit but I don't know what to change it to so that it could work on my friends page.<br /><br />Here is the relevant part of my theme layer. <br /><br /><code>var int count = 0;<br />var string tags = "";<br />var string tags_root = $.journal->base_url() + "/tag";<br />foreach var Tag t ($e.tags) {<br />$tags = $tags + """<a href="$tags_root/$t.name">$t.name</a>""";<br />if(++$count < size($e.tags)) {<br />$tags = $tags + ", ";<br />}</code><p></p><p><code><br />}<br />if($tags != "" and $*tags_aware) {<br />$tags = "<img src='<a target='_blank' href='http://img.photobucket.com/albums/v143/carnifinda/layouts/carnifinda/tags-blue.png' rel='nofollow'>http://img.photobucket.com/albums/v143/carnifinda/layouts/carnifinda/tags-blue.png</a>' align='absMiddle' /> " + $tags;<br />}<br />"""<br /><div class="tags">$tags</div><br />"""; <br />}</code><a name='cutid1-end'></a><br /><br />Thanks for any help! :)
urn:lj:livejournal.com:atom1:opal_help:320395
settiai@gmail.com
Settiai
Mini Icons
2009-01-04T19:54:40Z
2009-01-05T21:30:56Z
I've had it set up for several years now that the <img src="https://p-stat.livejournal.com/img/userinfo.gif" fetchpriority="high"> and <img src="https://p-stat.livejournal.com/img/community.gif" loading="lazy"> 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.<br /><br />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.<br /><br />This is only a problem in Firefox. When I look at my journal in IE, my personalized images show without any problems.<br /><br />My stylesheet is <a href="http://settiai.livejournal.com/res/22071238/stylesheet?1231029454" target="_blank">here</a> and the contents of my theme layer are <a href="http://www.settiai.com/themelayer.txt" target="_blank">here</a>.
urn:lj:livejournal.com:atom1:opal_help:320137
Kyoy
Calendar box, back/forward links, quote, summary box issues
2008-12-18T06:34:07Z
2008-12-18T06:36:04Z
happy happy - 송보람
Hallo, me again. Thank you so much to <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="julzroguenine" lj:user="julzroguenine" ><a href="https://julzroguenine.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://julzroguenine.livejournal.com/" class="i-ljuser-username" target="_self" ><b>julzroguenine</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span> and <span class="ljuser i-ljuser i-ljuser-deleted i-ljuser-type-P " data-ljuser="xoxo_queenb" lj:user="xoxo_queenb" ><a href="https://xoxo-queenb.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://xoxo-queenb.livejournal.com/" class="i-ljuser-username" target="_self" ><b>xoxo_queenb</b></a></span> for last time! Sorry to bother again, but I keep finding new stuff to ask about orz. (<a href="http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=13325840" target="_blank">layer</a>)<br /><br />#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 (<a href="http://i44.tinypic.com/2hnrm3d.png" target="_blank">preview</a>). 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~<br /><br />#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 <code>table table {width: 100%;}</code> did this, I changed the 100% to <code>auto</code> and it <i>does</i> 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 <code>width: 100%</code> override to the previous/next links alone?<br /><br />#3 I want to customize the quote function (<a href="http://kyoy.livejournal.com/105405.html?thread=2240189#t2240189" target="_blank">preview</a>) so I customized the <code>.commentreply div div</code> and <code>.commentreply div</code> 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?<br /><br />#4 Is there a way to show the 'anonymous' text in the summary sidebox? It looks kinda awkward when it's blank (<a href="http://i42.tinypic.com/kbvhus.png" target="_blank">preview</a>). 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.<br /><br />1&2 are the ones I really want to fix the most but I'd appreciate help for any of these problems, thank you! ♥
urn:lj:livejournal.com:atom1:opal_help:319329
Kyoy
Tags page, comments, summary box, friends page, calendar, youtube et al issues
2008-10-13T01:14:08Z
2008-10-21T03:55:13Z
Stay - Ben Jelen
Hallo. First thing's first, here's my <a href="http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=13325840" target="_blank">layer<a target="_blank">.<br /><br />#1 This may seem shallow but how do I change the bullet of the tags in the tags page? <b>SOLVED!</b><br /><br />#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. <b>SOLVED!</b><br /><br />#3 I find it odd that the background of the comments <a href="http://kyoy.livejournal.com/117204.html" target="_blank">in this entry</a> is transparent but it's filled up with color in <a href="http://kyoy.livejournal.com/119054.html" target="_blank">every other entry</a>. Is there a way to fix this? <b>SOLVED!</b><br /><br />#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.<br /><br />#5 I see <i>$this->lay_print_summary();</i> in my layer but the summary box isn't showing for some reason. Any ideas? <b>SOLVED!</b><br /><br />#6 Does the user's tiny icon really don't show up in the <a href="http://kyoy.livejournal.com/friends" target="_blank">friends page</a>? Can I change this setting? Is it possible to make it look something like <i><span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="username" lj:user="username" ><a href="https://username.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://username.livejournal.com/" class="i-ljuser-username" target="_self" ><b>username</b></a></span> posted in <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="thecommunity" lj:user="thecommunity" ><a href="https://thecommunity.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://thecommunity.livejournal.com/" class="i-ljuser-username" target="_self" ><b>thecommunity</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span></i>? <b>SOLVED!</b><br /><br />#7 Can I change those bullet-like :'s to something else in <a href="http://kyoy.livejournal.com/2008/06/" target="_blank">the calendar page</a>? <b>SOLVED!</b><br /><br />#8 Why does is the Youtube video cut in half in <a href="http://kyoy.livejournal.com/117915.html" target="_blank">this page</a>? The same thing occurs in my <a href="http://kyoy.livejournal.com/friends" target="_blank">friends page</a>. Is there a way to fix this? <b>SOLVED!</b><br /><br />Sorry for the amount of questions, I tried to look for every problem possible so I won't come back soon to spam again. ^^;<br /><br />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<br /><br />Thanks in advance! \o/</a></a>
urn:lj:livejournal.com:atom1:opal_help:319104
phz
Reply Form Trouble
2008-10-12T04:20:41Z
2008-10-12T04:24:51Z
Hi, I'm using one of <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="fruitstyle" lj:user="fruitstyle" ><a href="https://fruitstyle.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://fruitstyle.livejournal.com/" class="i-ljuser-username" target="_self" ><b>fruitstyle</b></a></span>'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 <a href="http://img6.uploadhouse.com/fileuploads/2788/2788369d38b79815fc7b5f37e223abd2f9553bf.jpg" target="_blank" rel="nofollow">picture</a>.<br /><br />Here's the CSS code im using.<br /><textarea>/* 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;}</textarea><br /><br />Thanks in advance.<br />
urn:lj:livejournal.com:atom1:opal_help:318725
Kelly
Double user icon
2008-09-14T18:26:27Z
2008-09-14T18:41:28Z
I'm having the problem here:<br /><a target='_blank' href='http://community.livejournal.com/opal_help/314820.html'>http://community.livejournal.com/opal_help/314820.html</a> (double user icon on the reply page)<br /><br />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.<br /><br />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.<br /><br />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.<br /><br />Now let's see if I can remember how to add links to my layers!<br /><a href="http://www.livejournal.com/customize/advanced/layersource.bml?id=6232704&fmt=html" target="_blank">Here's my unchanged layer</a>...<br />And <a href="http://www.livejournal.com/customize/advanced/layersource.bml?id=13025566&fmt=html" target="_blank">here's the code with the added function</a>. I put it right under the css for easy finding.<br /><br /><b>Edit</b>: 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...<br /><br />Freakin'... it works when I preview it (ie <a href="http://bowserbabe.livejournal.com/154988.html?mode=reply?s2id=18946045" target="_blank">here</a>) but if I actually change to the new style then it <a href="http://bowserbabe.livejournal.com/154988.html?mode=reply" target="_blank">messes up everything again</a>. It's... not actually applying the style to the reply page unless I specifically ask it to?<br /><br />::pulls hair out::
urn:lj:livejournal.com:atom1:opal_help:318492
Ivory
opal_help @ 2008-08-30T17:38:00
2008-08-30T21:39:45Z
2008-08-30T21:39:45Z
Okay...<br /><br /><a href="http://img.photobucket.com/albums/v609/hope99_31516/LIVE%20JOURNAL%20RANDOM/Picture2-1.png" target="_blank" rel="nofollow">THIS</a> 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?
urn:lj:livejournal.com:atom1:opal_help:318425
Could use a little more cowbell
Calendar boxes on archive page
2008-08-30T21:25:06Z
2008-08-30T21:25:06Z
My archive page is <a href="http://thewhiteowl.livejournal.com/calendar" target="_blank">kind of messed up</a>. 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 <a href="http://community.livejournal.com/graphicsbyjulz/2616.html#calactitem2" target="_blank">here</a> 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?<br /><br />I'm using <span class="ljuser i-ljuser i-ljuser-type-P " data-ljuser="kunzite1" lj:user="kunzite1" ><a href="https://kunzite1.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://kunzite1.livejournal.com/" class="i-ljuser-username" target="_self" ><b>kunzite1</b></a><a class="i-ljuser-badge i-ljuser-badge--pro" data-badge-type="pro" data-placement="bottom" data-pro-badge data-pro-badge-type="1" data-is-raw hidden href="#"><span class="i-ljuser-badge__icon"><svg class="svgicon" width="25" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 24"><path fill-rule="evenodd" d="M19.326 11.95c0 2.01 1.47 3.45 3.48 3.45 2.02 0 3.49-1.44 3.49-3.45 0-2.01-1.47-3.45-3.49-3.45-2.01 0-3.48 1.44-3.48 3.45Zm5.51 0c0 1.24-.8 2.19-2.03 2.19-1.23 0-2.02-.95-2.02-2.19 0-1.25.79-2.19 2.02-2.19s2.03.94 2.03 2.19ZM7.92 15.28H6.5V8.61h3.12c1.45 0 2.24.98 2.24 2.15 0 1.16-.8 2.15-2.24 2.15h-1.7v2.37Zm1.51-3.62c.56 0 .98-.35.98-.9 0-.56-.42-.9-.98-.9H7.92v1.8h1.51ZM18.3802 15.28h-1.63l-1.31-2.37h-1.04v2.37h-1.42V8.61h3.12c1.39 0 2.24.91 2.24 2.15 0 1.18-.74 1.81-1.46 1.98l1.5 2.54Zm-2.49-3.62c.57 0 1-.34 1-.9s-.43-.9-1-.9h-1.49v1.8h1.49Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 8c0-2.20914 1.79086-4 4-4h20.5c2.2091 0 4 1.79086 4 4v7.9c0 2.2091-1.7909 4-4 4H6c-2.20914 0-4-1.7909-4-4V8Zm4-2.5h20.5C27.8807 5.5 29 6.61929 29 8v7.9c0 1.3807-1.1193 2.5-2.5 2.5H6c-1.38071 0-2.5-1.1193-2.5-2.5V8c0-1.38071 1.11929-2.5 2.5-2.5Z" clip-rule="evenodd"/></svg></span></a></span>'s version of <span class="ljuser i-ljuser i-ljuser-deleted i-ljuser-type-P " data-ljuser="haffling" lj:user="haffling" ><a href="https://haffling.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/userinfo_v8.png?v=17080&v=923.1" /></a><a href="https://haffling.livejournal.com/" class="i-ljuser-username" target="_self" ><b>haffling</b></a></span>'s code, btw. <a href="http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=12854045" target="_blank">Link to the layer</a>.
urn:lj:livejournal.com:atom1:opal_help:317930
gossymer@livejournal.com
Goss
weird white space problem in IE
2008-07-22T07:08:53Z
2008-07-22T07:08:53Z
Name of journal: <span class="ljuser i-ljuser i-ljuser-deleted i-ljuser-type-C " data-ljuser="dude_you_fugly" lj:user="dude_you_fugly" ><a href="https://dude-you-fugly.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://dude-you-fugly.livejournal.com/" class="i-ljuser-username" target="_self" ><b>dude_you_fugly</b></a></span> - Basic account<br /><br />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!
urn:lj:livejournal.com:atom1:opal_help:317447
kirav199
Problem with userpics
2008-07-09T14:04:00Z
2008-07-09T14:35:09Z
Hi!<br /> I've a problem with the layout "loveletter" by <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="butterflybox" lj:user="butterflybox" ><a href="https://butterflybox.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://butterflybox.livejournal.com/" class="i-ljuser-username" target="_self" ><b>butterflybox</b></a></span> .<br /> I don't see my userpics, either in my sidebar and posts (and also in both Firefox and IE)!! (look <a href="http://img185.imageshack.us/img185/4127/screenshot00009ip7.jpg" target="_blank" rel="nofollow">HERE</a>)<br /> This is the entire CSS code:<br />
<textarea>
/*<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 />
}
</textarea>
<br /><br />Thanks in advance for the help! ^___^
urn:lj:livejournal.com:atom1:opal_help:317391
Kimberly
Surprise, surprise! Trouble with IE.
2008-06-27T02:29:34Z
2008-06-27T02:29:34Z
<p align="justify">Hello all. A few questions from a first time Opal-er.<br /><br />I'm using the "Loveletter" theme by <span class="ljuser i-ljuser i-ljuser-type-C " data-ljuser="butterflybox" lj:user="butterflybox" ><a href="https://butterflybox.livejournal.com/profile/" target="_self" class="i-ljuser-profile" ><img class="i-ljuser-userhead" src="https://l-stat.livejournal.net/img/community.png?v=556&v=923.1" /></a><a href="https://butterflybox.livejournal.com/" class="i-ljuser-username" target="_self" ><b>butterflybox</b></a></span> 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.<br /><br />1. How do I remove header text WITHOUT losing the navigational links? I found <a href="http://community.livejournal.com/opal_help/97782.html" target="_blank" target="_blank">this post</a> 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...?<br /><br />2. My comments page is doing <a href="http://www.plain-reality.net/miscellaneous/opal.jpg" target="_blank" target="_blank" rel="nofollow">this</a> 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.<br /><br />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 <b>public entries only</b>? 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. <br /><br />My custom CSS is <a href="http://www.livejournal.com/customize/advanced/layersource.bml?id=12077453" target="_blank" target="_blank">here</a>.<br /><br /><br />Thanks in advance for the help. It's greatly appreciated.