Post Friends My journal
cresselia in s2flexisquares

three minor issues

Jun 02, 2011 18:43

So I just coded a new layout for myself, and I've got a few problems that are more annoying than anything else, but since I plan on sharing this layout, I'd like to get them resolved, if possible!

ISSUE ONE: On my individual entry pages, I've styled the little comment links with a theme layer. However, I've got a tiny gap between that box and the comment box which I'm not sure how to close. As you can see, the links on the right misaligned, too. Figured this one out on my own.

ISSUE TWO: Not a huge issue for me personally since I've tweaked my metadata in my theme layer, but it is for those who don't have that styling: I've tried to group the tags list together with the currents (why FS doesn't do this in the first place is beyond me), but only if no currents are defined, the tags box runs into the comments bar. Solved; thanks, kentucka!

ISSUE THREE: I have a horizontal scrollbar that I have no idea how I managed to get! It wasn't always there, and I can't remember what I did to make it show up, augh. Solved; thanks, kentucka!

MY CSS:
/* Cleaned CSS: */

body {
background-color: #363636;
text-align: center;
color: #000000;
font-family: arial narrow;
font-size: 11px;
margin: 20px 0 20px 0;
}

a, a:link, a:visited {
color: #E8175D;
text-decoration: none;
}

a:hover {
color: #CC527A;
text-decoration: none;
}

blockquote {
font-size: 12px;
text-align: justify;
background-color: #363636;
border-left: 10px solid #E8175D;
padding: 10px;
}

code, kbd, pre, tt {
font-family: monospace;
}

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 100%;
margin-left: 10px;
margin-right: 20px;
margin-top: -55px;
background-color: transparent;
border-width: 0px;
padding: 15px;
}

#maincontent {
margin-top: 10px;
margin-bottom: -100px;
font-family: arial narrow;
font-size: 11px;
color: #000000;
border-width: 0px;
margin-right: auto;
text-align: left;
width: 76%;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 100%;
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: arial narrow;
font-size: 11px;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: transparent;
color: #000000;
}

.headerimage {
/* for formatting header image */
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited {
color: #E8175D;
display: block;
}

div#footer a, div#footer a:link, div#footer a:visited {
color: #E8175D;
}

div#header a:hover, div#footer a:hover {
color: #CC527A;
text-decoration: none;
letter-spacing: 0px;
}

/*title and subtitle*/
.title {
display: none;
}

.subtitle{
display: none;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader {
padding: 10px 0 0 10px;
margin: 0px;
width: 20%;
font-family: arial narrow;
text-transform: uppercase;
font-size: 24px;
position: fixed;
top: 10px;
right: 10px;
}

ul.navheader li {
display: block;
margin-top: 0px;
padding: 5px;
text-align:left;
color: #A8A7A7;
border-right: 10px solid #E8175D;
background: url() repeat-x #474747;
border-bottom: 1px solid #363636;
}

ul.navheader li:hover {
border-right: 10px solid #CC527A;
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/

.subcontent {
background: url(http://i.imgur.com/j4JL9.jpg) repeat fixed #474747;
}

.entry {
margin: 0px 0px 10px 30px;
margin-left: 140px;
padding: 10px;
background-color: #585858;
color: #a7a8a8;
font-family: arial narrow;
font-size: 14px;
text-align: justify;
border-width: 0px;
border-left: 10px solid #363636;
}

.entry_text {
margin-bottom: 25px;
}

.userpic {
position: relative;
float: left;
background-color: #E8175D;
padding: 10px;
margin: 10px;
z-index: 15;
border-width: 0px;
min-height: 100px;
min-width: 100px;
}

.date {
top: 5px;
color: #a7a8a8;
text-transform: uppercase;
padding-right: 10px;
font-family: arial narrow;
font-size: 24px;
display: inline;
float: right;

}

.subject {
font-weight: normal;
padding: 10px;
color: #E8175D;
font-family: arial narrow;
font-size: 24px;
display: inline;
text-transform: uppercase;
}

.subject a, .subject a:link, .subject a:visited {
color: #E8175D;
}

.subject a:hover {
color: #CC527A;
text-decoration: none;
}

.datesubject {
margin-left: 140px;
background-color: #474747;
padding: 0px;
line-height: 50px;
border-left: 10px solid #363636;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: arial narrow;
font-size: 11px;
background-color: #474747;
padding: 5px;
}

.currents strong{
font-weight: normal;
font-size: 8pt;
color: #E8175D;
text-transform: uppercase;
}

.currentlocation {
padding: 5px;
}

.currentlocation a {
color: #CC527A;
}

.currentlocation a:hover {
color: #a7a8a8;
text-decoration: none;
}

.ljtags {
margin-top: 30px;
margin-bottom: -60px;
margin-left: 0px;
text-transform: uppercase;
font-size: 8pt;
color: #E8175D;
background-color: #474747;
padding: 10px 5px 5px 10px;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #CC527A;
padding-left: 0px;
font-size: 10px;
text-transform: lowercase;
}

.ljtags a:hover {
color: #a7a8a8;
text-decoration: none;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: arial narrow;
font-size: 24px;
text-align: right;
line-height: 50px;
background-color: #474747;
padding: 0px 5px 0px 5px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #E8175D;
text-transform: uppercase;
}

div.comments a:hover {
color: #CC527A;
text-decoration: none;
}

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
position: relative;
float: left;
padding: 10px;
margin: 10px;
text-align: center;
border-width: 0px;
font-family: arial narrow;
font-size: 11px;
z-index: 15;
text-transform: uppercase;
background-color: #E8175D !important;
min-height: 100px;
min-width: 100px;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

#sidebar {
position: fixed;
top: 180px;
right: 10px;
background-color: #474747;
border-width: 0px;
font-size: 11px;
font-family: arial narrow;
color: #A8A7A7;
width: 20%;
float: right;
text-align: left;
}

.defaultuserpic {
display: none;
}

.sbarheader {
padding: 0px 0px 0px 0px;
}

.sbarbody {
padding: 0px 0px 0px 0px;
}

.sbarbody2 {
padding: 10px 10px 10px 10px;
text-align: justify;
border-bottom: 1px solid #363636;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #E8175D;
}

div#sidebar a:hover {
color: #CC527A;
text-decoration: none;
}

/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: 0;
margin-left: 0;
width: 100%;
padding: 10px;
}

.sbarcalendar {
border-width: 0px;
background-color: #363636;
text-align: center;
font-family: arial narrow;
font-size: 11px;
color: #a8a7a7;
}

.sbarcalendarposts {
border-width: 0px;
background-color: #474747;
text-align: center;
font-family: arial narrow;
font-size: 11px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
margin-top: -10px;
}

li.sbaritem
{
padding: 0px;
list-style: none;
text-align: left;
}

li.sbaritem a
{
display: block;
border-bottom: 1px solid #363636;
line-height: 20px;
padding: 0 0 0 5px;
border-right: 10px solid #E8175D;
text-transform: uppercase;
letter-spacing: 2px;
}

li.sbaritem a:hover
{
border-right: 10px solid #CC527A;
text-transform: uppercase;
letter-spacing: 0px;
}

li.sbartitle
{
display: none;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 20%;
text-align: center;
font-family: arial narrow;
font-size: 11px;
font-weight: bold;
letter-spacing: 0px;
background-color: #474747;
color: #a8a7a7;
border-width: 0px;
z-index: 100;
clear: both;
position: fixed;
right: 10px;
bottom: 10px;
}

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
line-height: 25px;
}

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

ul.year{
background-color: transparent;
margin-bottom: 10px;
margin-top: 0px;
text-align: center;
padding: 10px;
line-height: 12px;
font-weight: bold;
font-size: 24px;
font-family: arial narrow;
text-transform: uppercase;
}

ul.year li {
color: #666666;
display: inline;
}

table.yeartable {
margin-top: -10px;
margin-left: auto;
margin-right: auto;
margin-bottom: -20px;
padding: 2px;
background-color: #363636;
width: 50%;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #a7a8a8;
background-color: #474747;
border: 0px;
padding: 2px;
text-align: center;
}

table.yeartable td.yearday {
background-color: #363636;
padding: 2px;
text-align: center;
text-transform: uppercase;
color: #a7a8a8;
}

.yeardate a {
color: #E8175D;
border-style: none;
}

.yeardate a:hover {
color: #CC527A;
border-style: none;
}

td.yearmonth {
color: #a7a8a8;
border-style: none;
}

/*----------------------------------------------------
Tags page
----------------------------------------------------------------*/

.ljtaglist {
background-color: #363636;
list-style-type: decimal-leading-zero;
margin-left: 25px;
width: 100%;
text-transform: lowercase;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px solid #363636;
padding: 6px 3px 6px 20px;
color: #a7a8a8;
background-color: #474747;
}

H1 {
background-color: transparent;
margin-top: -10px;
margin-bottom: 0px;
text-align: center;
padding: 10px;
line-height: 12px;
font-weight: bold;
font-size: 24px;
font-family: arial narrow;
text-transform: uppercase;
color: #a7a8a8;
}

ul.ljtaglist {
background-color: #363636;
color: #cccccc;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #474747;
padding: 5px;
margin-top: 20px;
font-weight: normal;
color: #a7a8a8;
font-family: arial narrow;
font-size: 14px;
border-left: 10px solid #363636;
text-transform: uppercase;

}

.userpiccomment {
position: relative;
border-width: 0px;
background-color: #E8175D;
top: 0px;
left: 0px;
padding: 10px;
margin: 10px 10px -20px -145px;
z-index: 15;
float: left;
border-width: 0px;
min-height: 100px;
min-width: 100px;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #d4dce8;
color: #000000;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: arial narrow;
font-size: 11px;
line-height: 125%;
background-color: #d4dce8;
color: #000000;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 0px;
font-size: 14px;
font-family: arial narrow;
color: #a7a8a8;
text-align: justify;
background-color: #585858;
margin-left: 0px;
border-left: 10px solid #363636;
padding: 5px;
min-height: 100px;
}

.commentbox {
border-width: 0px;
padding: 0px;
margin: 10px;
padding-left: 140px;
background: url(http://i.imgur.com/j4JL9.jpg) repeat fixed #474747;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #E8175D;
}

.datesubjectcomment a:hover {
color: #CC527A;
}

.commentboxpartial {
border-width: 0px;
padding: 10px;
margin: 10px;
background-color: #474747;
color: #a7a8a8;
}

.commentboxpartial a:link, .datesubjectcomment a:visited {
color: #E8175D;
}

.commentboxpartial a:hover {
color: #CC527A;
}

.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}

.commentlinks {
background-color: #474747;
border-left: 10px solid #363636;
}

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

/*----------- TINY USER PICS - PASTE CODES BELOW HERE -----------*/

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif?v=3"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/user_icon_fuchsia.gif) !important;
padding: 13px 9px 0 0 !important;
}

.ljuser:hover img[src="http://l-stat.livejournal.com/img/userinfo.gif?v=3"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/user_icon_grey.gif) !important;
padding: 13px 9px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif?v=3"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/com_icon_fuchsia.gif) !important;
padding: 15px 15px 0 0 !important;
}

.ljuser:hover img[src="http://l-stat.livejournal.com/img/community.gif?v=3"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/com_icon_grey3.gif) !important;
padding: 15px 15px 0 0 !important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/user_ontd.gif?v=3"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/user_icon_fuchsia.gif) !important;
padding: 11px 10px 0 0 !important;
}

.ljuser:hover img[src="http://l-stat.livejournal.com/img/user_ontd.gif?v=3"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/user_icon_grey.gif) !important;
padding: 11px 10px 0 0 !important;
}

.ljuser img[src*="http://l-files.livejournal.net/userhead/"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/user_icon_fuchsia.gif) !important;
padding: 13px 9px 0 0 !important;
}

.ljuser:hover img[src*="http://l-files.livejournal.net/userhead/"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://resublimity.net/elljay/tinyicons/user_icon_grey.gif) !important;
padding: 13px 9px 0 0 !important;
}

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
width: 0px;
height: 0px;
padding: 0px 11px 13px 0px;
background: url(http://resublimity.net/elljay/tinyicons/lock-grey.png);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] {
width: 0px;
height: 0px;
padding: 0px 11px 13px 0px;
background: url(http://resublimity.net/elljay/tinyicons/lock-pink.png);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {
width: 0px;
height: 0px;
padding: 0px 13px 14px 0px;
background: url(http://resublimity.net/elljay/tinyicons/notebook-grey.png);
}

.leftlinks {
float: left;
position: relative;
}

MY THEME LAYER:
layerinfo "type" = "theme";
layerinfo "name" = "asdfghjkl";

set tags_aware = true; # this is needed to keep S2 from meshing the tags simply after the entry
set text_meta_mood = "Current Mood:"; # text for the different metadata labels
set text_meta_music = "Current Music:";
set text_meta_location = "Current Location:";
set text_tags = "Tags:";

function Entry::print_metadata()
{
var string tags_sep = ", "; # text for tags separator, ", " for "tag, tag, tag"

var string show_tags_link = "none"; # set to "edit" if you want the tags label to act as an 'edit tags' link
# set to "page" if you want the tags label to link to the poster's journal's tag page
# set to "manage" to link to the Tags Management page
# set to "none" to delinkify the tags label completely

var bool show_loc_link = false; # set to false to delinkify location (no Google Maps link)
# set to true to display the Google Map link

var bool show_groups_link = false; # set to false to delinkify the group (no custom friends group link)
# set to true to display the friends group link

var string alignment = "left"; # set the side of the mood icon (left or right of the currents)

# here, set mood, music, location and tags into the order you want them to be displayed in
# any metadata you want to hide journalwide, delete it from this list
var string[] metaorder = ["mood", "music", "tags", "location", "groups"];

# optional:
# here, put in the URLs to the pics you want to use instead of the currents' labels
# if you leave it blank, the current's text label will be used instead
var string{} metapics = { "mood" => "http://resublimity.net/elljay/rainbow/heart.png",
"music" => "http://resublimity.net/elljay/rainbow/notes-gray.png",
"location" => "http://resublimity.net/elljay/rainbow/house-gray.png",
"tags" => "http://resublimity.net/elljay/rainbow/tags-gray.png",
"groups" => "http://resublimity.net/elljay/rainbow/groups.png" };

var string currents = """
"""; # here all metadata will be added to print it out in the end
var string currents_close = """
"""; # html for closing of currents container

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

# display mood and moodicon?
var bool display_mood = false;
foreach var string moodtest ($metaorder) {
if ($moodtest == "mood") { $display_mood = true; }
}

# table and mood icon
if (defined $.mood_icon and $display_mood == true) {
$currents = ($alignment == "left") ?
$currents + """

alt="$.metadata{"mood"}" title="$.metadata{"mood"}" />		""" :
$currents + """
""";
}

# step through metadata in the order the user wants
foreach var string k ($metaorder) {

var string text; # the actual value of the metadata
var string label; # the label of the metadata as set in the wizard or set-statements

# handling tags metadata
if (($k == "tags") and (size $.tags > 0) and $*tags_aware) {

# label as image or text
$label = clean_url($metapics{$k}) != "" ? """$*text_tags""" : $*text_tags;

# optional linkage around tags label
if (($show_tags_link == "edit") and ($edit_tags.url != "")) { # Edit Tags Page link
$label = """""" + $label + """""";
}
elseif ($show_tags_link == "page") { # Visible Tags Page link
$label = """base_url() + """/tag/ ">""" + $label + """""";
}
elseif ($show_tags_link == "manage" and viewer_is_owner()) { # Tags Management Page link
$label = """tag_manage_url() + """ ">""" + $label + """""";
}

# build tag list
var bool addsep = false;
foreach var Tag t ($.tags) {
if ($addsep) {
$text = $text + $tags_sep + """""";
}
else {
$text = $text + """""";
$addsep = true;
}
}
}

# handling all other metadata
elseif (($k != "tags") and ($.metadata{$k} != "")) {

# metadata value
$text = $.metadata{$k};

# label as image or text
$label = clean_url($metapics{$k}) != "" ? "\""" :

lang_metadata_title($k);

# strip location link
if (not ($show_loc_link) and ($k == "location") and ($.metadata{"location"} != "")) {
$text = striphtml($text);
}

# strip groups link
if (not ($show_groups_link) and ($k == "groups") and ($.metadata{"groups"} != "")) {
$text = striphtml($text);
}
}

# skipping empty quotes (= hidden metadata)
else {
continue;
}

# assemble the individual currents
$currents = $currents + """
$label $text
""";

}

# table and mood icon
if ($display_mood == true and defined $.mood_icon) {
$currents = ($alignment == "left") ?
$currents + """
""" :
$currents + """		$.metadata{
title="$.metadata{"mood"}" />
""";
}

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

# print currents
println "$currents";
}
}

set text_edit_entry = "edit entry"; # text for the different links
set text_edit_tags = "edit tags";
set text_mem_add = "add to memories";
set text_tell_friend = "tell a friend";
set text_watch_comments = "track this";
set text_unwatch_comments = "stop tracking this";
set text_permalink = "link";

function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor)
{
"""""";
$e->print_linkbar();

# Userpic

var string userpic = "";
if ($*show_entry_userpic)
{
if ($p.view == "friends" or $p.view == "entry" or $p.view == "reply")
{
if (defined $e.userpic)
{
$userpic = $userpic + """$e.poster.name if ($e.poster.username != $e.journal.username)
{
$userpic = $userpic + " in $e.journal.name";
}
$userpic = $userpic + "\">";
}
}
elseif ($p.journal_type == "C" and $p.view == "recent")
{
if (defined $e.userpic)
{
$userpic = $userpic + """$e.poster.name""";
}
}
else
{
if (defined $e.userpic)
{
$userpic = $userpic + """
$e.poster.name
title="$e.poster.name" />
""";
}
}
}
print """

""";
if (($p.view == "recent" and $p.journal_type != "C" ) or $p.view == "day")
{
print """$userpic""";
}
else
{
if ($p.view == "recent" and $p.journal_type == "C" )
{
"""
""";
}
else
{
"""
""";
}
print """$userpic""";

# Poster

if ($p.view == "friends" or $p.view == "entry" or $p.view == "reply")
{
var UserLite linkto;
$linkto = $e.poster;
#print "$e.poster.username";
"""
base_url() + "\">";
"$linkto.username";
}
elseif ($p.journal_type == "C" and $p.view == "recent")
{
var UserLite linkto;
$linkto = $e.poster;
#print "$e.poster.username";
"""
base_url() + "\">";
"$linkto.username";
}
if (($p.view == "friends" or $p.view == "entry" or $p.view == "reply") and $e.poster.username != $e.journal.username)
{
var UserLite linkto;
$linkto = $e.journal;
"""
[base_url() + "\">";
"$linkto.username]";
}
if ($p.view == "recent" and $p.journal_type == "C")
{
print "
";
}
if ($p.view != "recent" and $p.view != "day")
{
print """
""";
}
}

# Date, time, subject

var string time = "";
$time = $time + """ @ """;
$time = $time + $e.time->time_format("short");
var string date = "";
$date = $date + $e.time->date_format("long_day");
"""
""";
print $e.time->date_format("%%mm%%.%%dd%%.%%yy%%");
"$time
";
"""
""";
if ($e.security != "")
{
$e.security_icon->print();
}
if ($p.view != "entry") {
print $e->formatted_subject({"class"=>"subj-link"});"  ";
}
else { print "$e.subject  "; }
"""


""";

"""

""";

$e->print_text();
print "
";

# Currents

var string currents ="";
$e->print_metadata();

# Comments

"""
 

""";

### start custom code ###

# Set the basic order in which the links are supposed to appear, from left to right. Available links are:
# edit_entry = edit the entry
# edit_tags = edit the tags assigned to the entry
# mem_add = add to your memories (of the user currently logged in)
# mem_as_comm = add to memories of the community (the "authas"-link, can only be used by owner/moderators of community)
# watch_comments = track/untrack the post
# tell_friend = mail link to friend
# permalink = link to the entry
# comments = read/post comments link

# | = all links before this symbol are printed aligned to the left, all others aligned to the right (standard)
# to print all links aligned right (standard), set "|" first

var string[] link_order = ["permalink", "watch_comments", "edit_entry", "edit_tags", "|", "comments"];

# Set the urls to the images you want to use, or leave the quotes empty.
# read/post comment links can not be set to images here (see Step 7)
var string{} link_images = { "edit_entry" => "http://resublimity.net/elljay/mixit/edit.png",
"edit_tags" => "http://resublimity.net/elljay/mixit/tag.png",
"mem_add" => "http://resublimity.net/elljay/mixit/memorize.png",
"tell_friend" => "http://resublimity.net/elljay/mixit/tell.png",
"watch_comments" => "http://resublimity.net/elljay/mixit/track.png",
"unwatch_comments" => "http://resublimity.net/elljay/mixit/untrack.png",
"permalink" => "http://resublimity.net/elljay/mixit/link.png",
};

# link texts (in case there is no image specified)
var string{} link_text = { "edit_entry" => $*text_edit_entry,
"edit_tags" => $*text_edit_tags,
"mem_add" => $*text_mem_add,
"tell_friend" => $*text_tell_friend,
"watch_comments" => $*text_watch_comments,
"unwatch_comments" => $*text_unwatch_comments,
"permalink" => $*text_permalink,
};

# Set the separator that should appear between the individual links or images
# separator between read/post comment links can not be set here (see Step 6)
var string link_separator = "  ";

# Set the name of the community that the "mem_as_comm" link should work for
var string community = "";

# Set the text that will be appended to the "format" link
# e.g. "?format=light" or "?s2id=1234567" or "?mode=reply&s2id=1234567"
var string format = "?format=light";

### no editing beyond this point ###

# helper var to decide if separator is printed before link or not
var bool i = false;

# Step through the links in the order the user wants

"""
""";
foreach var string link ($link_order)
{
if ($link == "") { continue; } # skip emtpy quotes

if ($link == "|") # close leftlinks div and open standard-aligned div
{
"""
""";
$i = false;
continue;
}

# special case comment links
if ($link == "comments")
{
if ($e.comments.enabled)
{
if ($i == true) { """$link_separator""";}
$e.comments->print();
$i = true;
}
else { " "; }
}
else
{
# skip next/prev links on anything other than entry pages as they make no sense otherwise
if (($link == "prev" or $link == "next") and $p.view != "entry") { continue; }

# get the url of the link
var string url;
if ($link == "permalink") { $url = $e.permalink_url; }
elseif ($link == "format") { $url = $e.permalink_url + $format; }
elseif ($link == "prev") { $url = "http://www.livejournal.com/go.bml?journal=" + $e.journal.username + "&itemid=" + $e.itemid + "&dir=prev"; }
elseif ($link == "next") { $url = "http://www.livejournal.com/go.bml?journal=" + $e.journal.username + "&itemid=" + $e.itemid + "&dir=next"; }
else
{
var Link url_temp;
$url_temp = ($link == "mem_as_comm") ? $e->get_link("mem_add") : $e->get_link($link);

if (isnull $url_temp)
{
if ($link == "watch_comments" and viewer_logged_in())
{
$url_temp = $e->get_link("unwatch_comments");
$link = "unwatch_comments";
}
else { continue; }
}
$url = $url_temp.url;
if ($link == "mem_as_comm") { $url = """$url&authas=$community"""; }
}

# get the link image or text
var string text;
if (clean_url($link_images{$link}) == "") { $text = $link_text{$link}; }
else { $text = """"""; }

# print separator, link and text/image
if ($i == true) { """$link_separator""";}
"""$text""";

$i = true;
}
}

"
";

### end custom code ###

"""






 
""";
}

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

function CommentInfo::print_readlink
{
var Page p = get_page();
"";
var string alt = get_plural_phrase($.count, $p.view == "friends" ? "text_read_comments_friends" : "text_read_comments");
"""$.count http://resublimity.net/elljay/mixit/comments.png" border=0 alt="$alt" title="$alt">""";
"";
}

function CommentInfo::print_postlink()
{
var Page p = get_page();
if ($.maxcomments)
{
"$*text_max_comments";
} else {
var string alt = $p.view == "friends" ? $*text_post_comment_friends : $*text_post_comment;
""+ """http://resublimity.net/elljay/mixit/add.png" border=0 alt="$alt" title="$alt">""" +"";
}
}

# more data-rich tags page
function TagsPage::print_body() {
var string header = "Visible Tags";
var string content = "";
var string[] security_order = ["public"];
var int security_index = 1;
if(viewer_is_owner()) {
$security_order[$security_index++] = "private";
$security_order[$security_index++] = "group";
}
if(viewer_logged_in()) {
$security_order[$security_index++] = "friends";
}
var int spacer_colspan = 7;
var string{} security_labels = {
"public" => """http://resublimity.net/elljay/tinyicons/unlock-gray.png" />""",
"private" => """http://resublimity.net/elljay/tinyicons/notebook-grey.png" />""",
"friends" => """http://resublimity.net/elljay/tinyicons/lock-grey.png" />""",
"group" => """http://resublimity.net/elljay/tinyicons/lock-pink.png" />"""
};
var string{} security_headers = {
"public" => "Public",
"private" => "Private",
"friends" => "Protected",
"group" => "Group"
};

if($header != "") {
$content = $content + "

$header

\n";
}
$content = $content + """
\n \n \n""" + (viewer_is_owner() ? """\n""" : "");
foreach var string security($security_order) {
$content = $content + """ \n""";
}
$content = $content + " \n";
foreach var TagDetail td ($.tags) {
var int security_count = 0;
var int group_count = $td.use_count;
var string uses = (viewer_is_owner() ? (""" \n""") : "");
foreach var string security($security_order) {
$security_count = $security != "group" ? $td.security_counts{$security} : $group_count;
$uses = $uses + """ \n""";
$group_count = $group_count - $security_count;
}
$content = $content + """ \n \n$uses \n""";
}
$content = $content + "

nowrap="nowrap"> Tag 		 Total  $security_headers{$security} 
$td.use_count$security_count
$security_labels{$td.visibility}$td.name
";
print $content;
}

function MonthDay::print_subjectlist()
{
foreach var Entry e ($.entries)
{
print $e.time->time_format("short") + ": ";
if ($e.poster.username != $e.journal.username)
{
$e.poster->print(); " ";
}
if ($e.security == "private")
{
"""http://resublimity.net/elljay/tinyicons/notebook-grey.png" border=0 alt="Private" title="Private Post">""";
}
elseif ($e.security == "protected")
{
"""http://resublimity.net/elljay/tinyicons/lock-grey.png" border=0 alt="Flocked" Title="Flocked Post">""";
}
elseif ($e.security == "custom")
{
"""http://resublimity.net/elljay/tinyicons/lock-pink.png" border=0 alt="Filtered" Title="Filtered Post">""";
}
if ($e.subject != "")
{
" $e.subject";
}
else
{
" $*text_nosubject";
}
if ($e.comments.count > 0)
{
" - " + $e.comments.count + " Comment";
if ($e.comments.count > 1)
{
"s";
}
}
if ($e.comments.screened)
{
" $*text_month_screened_comments";
}
"
\n";
}
}

function MonthPage::print_body {
"


";
$.redir->print_hiddens();
if ($.prev_url != "")
{
"[<<<]\n";
}
if (size $.months > 1)
{
"\n";
}
if ($.next_url != "")
{
"\n[>>>]\n";
}
"""
\n



""";
foreach var MonthDay d ($.days)
{
if ($d.has_entries)
{
"
";
print lang_ordinal($d.day);
"
\n
";
$d->print_subjectlist();
"
\n";
}
}
"


";
}

function EntryPage::print_comment (Comment comment) {

var string subject = $comment.subject ? $comment.subject : $*text_nosubject;
var string date = $comment.time->date_format("%%dayord%% %%month%% %%yy%%");
var string poster = isnull $comment.poster ? $*text_poster_anonymous : $comment.poster->as_string();

#Comment Userpic
if (defined $comment.userpic and $*show_entry_userpic)
{
var int w = $comment.userpic.width;
var int h = $comment.userpic.height;
var string alt = $comment.metadata{"picture_keyword"};
if ($*comment_userpic_style == "small")
{
$w = $w / 2;
$h = $h / 2;
}
if ($alt != "")
{
$alt = ": " + $alt;
}
"""

$comment.poster.name$alt""";
print """$poster on """;
print $comment->time_display("%%mm%%.%%dd%%.%%yy%%" "%%hh%%:%%min%% %%a%%m");
}
else
{
print """
$poster on """;
print $comment->time_display("%%mm%%.%%dd%%.%%yy%%" "%%hh%%:%%min%% %%a%%m");
}
if (defined $comment.subject_icon or $comment.subject != "")
{
print "
$comment.subject_icon $comment.subject" + "
";
}
if ($comment.metadata{"poster_ip"})
{
print "
" + $*text_comment_ipaddr + "(" + $comment.metadata{"poster_ip"} + ")" + "
";
}
"
";

print """
"""; $comment->print_text(); """
\n""";
var string alignlinks = "";
if ($*userpic_position == "left")
{
$alignlinks = "right";
}
else
{
$alignlinks = "left";
}
"
";

if ($comment.frozen)
{
"";
}
else
{
$comment->print_reply_link({"img_url" => "http://resublimity.net/elljay/mixit/add.png"});
}

if ($comment.parent_url != "")
{
" ";
}

"";

"""
""";
if ($this.multiform_on)
{
"""""";
$comment->print_multiform_check();
}
$comment->print_linkbar();
if (not $comment.frozen) {
$comment->print_reply_container({"class" => "quickreply"});
}

if ($comment.thread_url != "")
{
""" """;

var Link expand_link = $comment->get_link("expand_comments");
if (defined $expand_link) {
"(" + $comment->expand_link() + ") ";
}
}

"
\n";
}

function EntryPage::print_comment_partial( Comment c )
{
var string subject = $c.subject ? $c.subject : $*text_nosubject;
var string date = $c->time_display("long", "");
var string poster = isnull $c.poster ? $*text_poster_anonymous : $c.poster->as_string();

print safe """$subject - $poster on $date""";
var Link expand_link = $c->get_link("expand_comments");
if ($c.thread_url != "" and defined $expand_link) {
" " + $c->expand_link();
}

}

function EntryPage::print_comments( Comment[] comments )
{
if ( size $comments == 0 )
{
return;
}

foreach var Comment c ( $comments )
{
var int indent = ($c.depth - 1) * 15;
var string partialcomment = $c.full ? "" : "partial";
var string margin = "";
if ($*userpic_position == "left")
{
$margin = "right";
}
else
{
$margin = "left";
}

"""""";
if ($c.screened)
{
"""
\n""";
}
else
{
"""
\n"""; }
if ( $c.full )
{
$this->print_comment( $c );
}
else
{
$this->print_comment_partial( $c );
}
"
";
$this->print_comments( $c.replies );
}
}

function Comment::print_linkbar () {
var string{} link_text = {
"edit_comment" => """http://resublimity.net/elljay/mixit/edit.png" border="0" title="edit" />""",
"delete_comment" => """http://resublimity.net/elljay/mixit/delete.png" border="0" title="delete" />""",
"freeze_thread" => """http://resublimity.net/elljay/mixit/freeze.png" border="0" title="freeze" />""",
"unfreeze_thread" => """http://resublimity.net/elljay/mixit/unscreen.png" border="0" title="unfreeze" />""",
"screen_comment" => """http://resublimity.net/elljay/mixit/screen.png" border="0" title="screen" />""",
"unscreen_comment" => """http://resublimity.net/elljay/mixit/unscreen.png" border="0" title="unscreen" />""",
"watch_thread" => """http://resublimity.net/elljay/mixit/track.png" border="0" title="track" />""",
"watching_parent" => "",
"unwatch_thread" => """http://resublimity.net/elljay/mixit/untrack.png" border="0" title="untrack" />""",
};

var Link link;
var string url;
var string text;
foreach var string link_key ($.link_keyseq) {
$link = $this->get_link($link_key);
$url = $link.url;
$text = $link_text{$link_key} != "" ? $link_text{$link_key} : $link.caption;
if (defined $link) {
"""
$text
""";
}
}
}

function Entry::print_linkbar()
{
# Links (memories, edit, prev, next)
var Page p = get_page();
if ($p.view == "entry" or $p.view == "reply")
{
var Link prev = $this->get_link("nav_prev");
var Link next = $this->get_link("nav_next");

var string{} link_text = {
"edit_entry" => """http://resublimity.net/elljay/mixit/edit.png" alt="edit" border=0 title="edit">""",
"edit_tags" => """http://resublimity.net/elljay/mixit/tag.png" alt="edit tags" border=0 title="edit tags">""",
"mem_add" => """http://resublimity.net/elljay/mixit/memorize.png" alt="mem" border=0 title="mem">""",
"tell_friend" => """http://resublimity.net/elljay/mixit/tell.png" alt="share" border=0 title="share">""",
"watch_comments" => """http://resublimity.net/elljay/mixit/track.png" alt="track" border=0 title="track">""",
"unwatch_comments" => """http://resublimity.net/elljay/mixit/untrack.png" alt="untrack" border=0 title="untrack">""",
};
"""
 


http://resublimity.net/elljay/mixit/previous.png" border=0 alt="previous" title="previous"> """;

var Link link;
var string url;
var string text;
foreach var string link_key ($.link_keyseq) {
$link = $this->get_link($link_key);
$url = $link.url;
$text = $link_text{$link_key} != "" ? $link_text{$link_key} : $link.caption;
if (defined $link) {
"""$text """;
}
}

"""http://resublimity.net/elljay/mixit/next.png" border=0 alt="next" title="next">

 
""";
}

}

function EntryPage::print_body()
{
$.multiform_on = false;
$this->print_entry($.entry);
if ($.multiform_on and $.entry.comments.enabled and $.comment_pages.total_subitems > 0)
{
$this->print_multiform_start();
}
if ($.entry.comments.enabled)
{
"""


""";
$.comment_pages->print();
"""
( Post a new comment )
""";
$this->print_comments($.comments);
"""
""";
}

if ($this.multiform_on and $.entry.comments.enabled and $.entry.comments.count > 0)
{
"""
""";
$this->print_multiform_actionline();
$this->print_multiform_end();
"""

( Post a new comment )""";
$.comment_pages->print();
"""


""";
}
}

These can be viewed on cresselia (complete css with the theme layer tweaks) and usagiljtest (the CSS by itself, which I'll be sharing).

Any assistance would be much appreciated!

metadata, entry comment bar, tags

Leave a comment

Read comments 2
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.