a mute dick named nicole (murderoftwo) wrote in component_help,
a mute dick named nicole
murderoftwo
component_help

*sigh*

Back to the opacity again..

I've tried the codes provided to me, but nothing seems to work.


layerinfo "type" = "theme";
layerinfo "name" = "none";

function print_stylesheet() {
"""
body { background-color: #ffffff;

background-image: url("http://www.boomspeed.com/xcrowx22/harold.JPG");
background-repeat: repeat;
background-position: center;
background-attachment: no-scroll;

margin-top: 0px; margin-left: 0px;
margin-right: 0px;
font-family: verdana;
font-size: 10px;
color: #000000;
}

.userPic {
background-color: none;
border: none;
padding: 1px;
margin: 0px; margin-bottom: 0px; margin-left: 0px;
float: left;
width: 80px;
height:80px;
)

select {
font-family: verdana;
font-size: 10px;
background-color: #ffffff;
border: 1px solid #000000;
text-transform: uppercase;
color:#000000
}

input, textarea {
font-family: verdana, serif;
font-size: 10px;
background-color: #ffffff;
border: 1px solid #000000;
color:#000000;
}
html {
scrollbar-base-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
}

td, tr {
font-family: verdana;
font-size: 10px;
color: #000000;
line-height: 13px;
}

a {
color: #000000;
text-decoration: none;
font-weight: bold; text-transform:uppercase;
}

a:visited {
color: #000000;
font-weight: bold; text-transform:uppercase;
}

a.calendarLink {
color: #000000;
font-weight: bold; text-transform:uppercase;
}

a.header {
color: #000000;
font-weight: bold; text-transform:uppercase; }
a.headerLinks {
color: #000000;
font-weight: bold; text-transform:uppercase;
}

a:hover { font-weight: bold; text-transform:uppercase;text-decoration: underline;}


input { line-height: normal; }

.subject { font-weight: bold; 10px; text-transform:uppercase;}
.small { margin-top: 3px; 10px; }

.header {
background-image: url("http://www.livejournal.com/palimg/component/top-bg.gif/pte5e5e5");
background-repeat: repeat-x;
height: 25px;
}

.userTitle {
font-size: 13px;
color: #000000;
line-height: 14px;
text-transform:italicize;
text-align:center;
}

.userSubTitle {
font-size: 10px;
color: #000000;
line-height: 13px;
text-align:center;
}

.header-item {
padding-left: 15px;
position: relative;
top: 5px;
}

.dkLine { background-color: #000000; }
.ltLine { background-color: #ffffff; }
.medLine { background-color: #000000; }
.divLine { background-color: #000000; }
.tabBg { background-color: #ffffff; }

.entryDate {
font-size: 10px;
text-transform:uppercase;
color: #000000;
text-align:right;
}

.entryHolderBg {
background-color: #ffffff;
color: #000000;
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
}

.entry {
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
background-color: #ffffff;
font-size: 11px;
}

.entryHeader {
font-size: 10px;
font-weight: bold;
text-align:right;
text-transform:uppercase;
text-decoration:underline overline;
width:100%;
}

.entryComments {
font-size: 11px;
margin-top: 8px;
margin-left: 8px;
color: #000000;
}

.entryDash {
background-color: none;
width: 100%;
height: 1px;
}

.sideHeader {
font-size: 11px;
color: #000000;
}

.comp { margin-bottom: 3px; }

.compBg { background-color: #ffffff; }

.compContent {
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-top: 3px;
line-height: 18px;
color: #000000;
}

.compList {
line-height: 13px;
padding-left: 6px;
}

.userPic { border-color: none; }

.shortLine {
width: 20px;
background-color: #ffffff;
margin-bottom: 1px;
}

.calendarInactive {
background-color: #ffffff;
font-size: 9px;
letter-spacing: 2px;
color: #000000;
border:1px solid #000000;}

.calendarActive {
color: #000000;
background-color: #ffffff;
font-size: 9px;
letter-spacing: 2px;
border:1px solid #000000;}

.mainnavparent { position: relative;}
#mainnavdefault { visibility: visible; position: absolute; top: 0px; left: 0px;}
.mainnavmenu { visibility: hidden; position: absolute; top: 0px; left: 0px;}


""";
}


function Page::print_custom_head() {
"""

""";
}

function Page::print_custom_head() {
"""


""";
}




function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor, bool hide_text) {

if ($p.view=="friends") {
"""""";
} else { # for recent, day, entry pages.
"""""";
}



# Print the header for the entry.
print_entry_header((defined $e.security_icon?"$e.security_icon   ":"")+$e.time->time_format()+" "+$e.time->date_format("long")+"");

print_system_box_top();

"""
""";

print_content_top();

if ($p.view=="friends" or ($*show_entry_userpic and defined $e.userpic) or $e.journal.journal_type=="C") {
"""
""";

if (defined $e.userpic) {

if ($p.view=="friends") {
"""

[Error: Irreparable invalid markup ('<img [...] """>') in entry. Owner must fix manually. Raw contents below.]

Back to the opacity again..

I've tried the codes provided to me, but nothing seems to work.

<lj-cut text="My layer..">
layerinfo "type" = "theme";
layerinfo "name" = "none";

function print_stylesheet() {
"""
body { background-color: #ffffff;

background-image: url("http://www.boomspeed.com/xcrowx22/harold.JPG");
background-repeat: repeat;
background-position: center;
background-attachment: no-scroll;

margin-top: 0px; margin-left: 0px;
margin-right: 0px;
font-family: verdana;
font-size: 10px;
color: #000000;
}

.userPic {
background-color: none;
border: none;
padding: 1px;
margin: 0px; margin-bottom: 0px; margin-left: 0px;
float: left;
width: 80px;
height:80px;
)

select {
font-family: verdana;
font-size: 10px;
background-color: #ffffff;
border: 1px solid #000000;
text-transform: uppercase;
color:#000000
}

input, textarea {
font-family: verdana, serif;
font-size: 10px;
background-color: #ffffff;
border: 1px solid #000000;
color:#000000;
}
html {
scrollbar-base-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
}

td, tr {
font-family: verdana;
font-size: 10px;
color: #000000;
line-height: 13px;
}

a {
color: #000000;
text-decoration: none;
font-weight: bold; text-transform:uppercase;
}

a:visited {
color: #000000;
font-weight: bold; text-transform:uppercase;
}

a.calendarLink {
color: #000000;
font-weight: bold; text-transform:uppercase;
}

a.header {
color: #000000;
font-weight: bold; text-transform:uppercase; }
a.headerLinks {
color: #000000;
font-weight: bold; text-transform:uppercase;
}

a:hover { font-weight: bold; text-transform:uppercase;text-decoration: underline;}


input { line-height: normal; }

.subject { font-weight: bold; 10px; text-transform:uppercase;}
.small { margin-top: 3px; 10px; }

.header {
background-image: url("http://www.livejournal.com/palimg/component/top-bg.gif/pte5e5e5");
background-repeat: repeat-x;
height: 25px;
}

.userTitle {
font-size: 13px;
color: #000000;
line-height: 14px;
text-transform:italicize;
text-align:center;
}

.userSubTitle {
font-size: 10px;
color: #000000;
line-height: 13px;
text-align:center;
}

.header-item {
padding-left: 15px;
position: relative;
top: 5px;
}

.dkLine { background-color: #000000; }
.ltLine { background-color: #ffffff; }
.medLine { background-color: #000000; }
.divLine { background-color: #000000; }
.tabBg { background-color: #ffffff; }

.entryDate {
font-size: 10px;
text-transform:uppercase;
color: #000000;
text-align:right;
}

.entryHolderBg {
background-color: #ffffff;
color: #000000;
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
}

.entry {
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 7px;
background-color: #ffffff;
font-size: 11px;
}

.entryHeader {
font-size: 10px;
font-weight: bold;
text-align:right;
text-transform:uppercase;
text-decoration:underline overline;
width:100%;
}

.entryComments {
font-size: 11px;
margin-top: 8px;
margin-left: 8px;
color: #000000;
}

.entryDash {
background-color: none;
width: 100%;
height: 1px;
}

.sideHeader {
font-size: 11px;
color: #000000;
}

.comp { margin-bottom: 3px; }

.compBg { background-color: #ffffff; }

.compContent {
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-top: 3px;
line-height: 18px;
color: #000000;
}

.compList {
line-height: 13px;
padding-left: 6px;
}

.userPic { border-color: none; }

.shortLine {
width: 20px;
background-color: #ffffff;
margin-bottom: 1px;
}

.calendarInactive {
background-color: #ffffff;
font-size: 9px;
letter-spacing: 2px;
color: #000000;
border:1px solid #000000;}

.calendarActive {
color: #000000;
background-color: #ffffff;
font-size: 9px;
letter-spacing: 2px;
border:1px solid #000000;}

.mainnavparent { position: relative;}
#mainnavdefault { visibility: visible; position: absolute; top: 0px; left: 0px;}
.mainnavmenu { visibility: hidden; position: absolute; top: 0px; left: 0px;}


""";
}


function Page::print_custom_head() {
"""
<style type="text/css">
table {
width: 60%;
margin-left: 20%;
margin-right: 20%;
}
table table {
width: 100%;
margin: 0;
}
table table table {
width: 100%;
}
</style>
""";
}

function Page::print_custom_head() {
"""
<style media="screen" type="text/css">
.compBg, .entryHolderBg { filter:alpha(opacity=65); -moz-opacity:0.65; }
</style>

""";
}




function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor, bool hide_text) {

if ($p.view=="friends") {
"""<a name="$e.journal.username$e.itemid"></a>""";
} else { # for recent, day, entry pages.
"""<a name="item$e.itemid"></a>""";
}



# Print the header for the entry.
print_entry_header((defined $e.security_icon?"$e.security_icon &nbsp; ":"")+$e.time->time_format()+" <b>"+$e.time->date_format("long")+"</b>");

print_system_box_top();

"""<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="100%" valign="top">""";

print_content_top();

if ($p.view=="friends" or ($*show_entry_userpic and defined $e.userpic) or $e.journal.journal_type=="C") {
""" <div class="userPic"> """;

if (defined $e.userpic) {

if ($p.view=="friends") {
""" <div class="userPic">
<img border="0" src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="" style="border-color: """; print $fgcolor.as_string; """ ;" /> </div> """;
}else{
""" <img border="0" src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height" alt="" /> """;
}
}

if ($p.view=="friends" or $e.journal.journal_type=="C") { """$e.journal""";
if ($e.journal.username!=$e.poster.username) {"""<div class="ljuser">$e.poster</div>""";
}
}
"""</div>"""; }

if ($e.subject!="") { """ <div class="entryHeader">$e.subject </div>



<div class="entry">
"""; }

var string text = $e.text;
var string value;

var string{} emoticons =
{
# for each smiley you want to add, add a new line
# the format for adding new smilies should be something like this:
# "[:smiley:]" => """<img src="[url of the smiley image]" alt="" width="" height="" />""",
# note: for each line, there should be a comma at the very end, EXCEPT for the last line
":happy:" => """<img src="http://instagiber.net/smiliesdotcom/cwm/cwm/cwm29.gif" alt="" width="15" height="15" />""",
":wink:" => """<img src="http://instagiber.net/smiliesdotcom/ups/dvx_rune/smooch.gif" alt="" width="15" height="15" />""",
":sad:" => """<img src="http://instagiber.net/smiliesdotcom/cwm/cwm/cwm14.gif" alt="" width="15" height="15" />""",
":tongue:" => """<img src="http://smilies.jeeptalk.org/contrib/sarge/Blurp_anim.gif" alt="" width="15" height="15" />""",
":grin:" => """<img src="http://instagiber.net/smiliesdotcom/contrib/blackeye/nahaha_eh.gif" alt="" width="15" height="15" />""",
":laugh:" => """<img src="http://instagiber.net/smiliesdotcom/cwm/cwm/cwm27.gif" alt="" width="15" height="15" />""",
":meh:" => """<img src="http://instagiber.net/smiliesdotcom/contrib/geno/rotz.gif" alt="" width="15" height="15" />""",
":cool:" => """<img src="http://instagiber.net/smiliesdotcom/contrib/ruinkai/bigglasses.gif" alt="" width="25" height="15" />""",
":kiss:" => """<img src="http://instagiber.net/smiliesdotcom/otn/love/kotc.gif" alt="" width="30" height="14" />""",
":heart:" => """<img src="http://smilies.jeeptalk.org/ups/layla_phoenix/heartpump.gif" alt="" width="15" height="15" />""",
":sleepy:" => """<img src="http://instagiber.net/smiliesdotcom/contrib/blackeye/drooling1.gif" alt="" width="15" height="24" />""",
":uhh:" => """<img src="http://instagiber.net/smiliesdotcom/contrib/duckman/bigeyes.gif" alt="" width="15" height="15" />""",
":halo:" => """<img src="http://instagiber.net/smiliesdotcom/otn/angels/azzangel.gif" alt="" width="15" height="15" />"""
};

foreach var string key ($emoticons) {
$value = $emoticons{$key};

# from lj:mageboltrat's industrial nippon (id=533012)
# see http://www.livejournal.com/community/s2layers/11106.html
var string[] findarray;
var int pos = 1;
foreach var string findcharacter($key) {
$findarray[$pos] = $findcharacter;
$pos = $pos + 1;
}
var int place = 1;
var bool found = false;
var string completedtext = "";
var string foundtext = "";
foreach var string searchcharacter($text) {
if ($searchcharacter == $findarray[$place]) {
if ($place == $key->length()) {
$foundtext = $value;
$place = 1;
} else {
$foundtext = $foundtext + $searchcharacter;
$place = $place + 1;
}
} else {
$completedtext = $completedtext + $foundtext + $searchcharacter;
$foundtext = "";
$place = 1;
}
}
$completedtext = $completedtext + $foundtext;
$text = $completedtext;
}

"""$text""";

""" </div> """;

if ($e.metadata{"mood"}!="") {
"""<br/><br/>""";
"""<b> $*text_meta_mood : </b>""";
if (defined $e.mood_icon) { """ $e.mood_icon """; }
print $e.metadata{"mood"};
"""<br/>""";
# if ($e.metadata{"music"}=="") { """<br/>"""; }
}
if ($e.metadata{"music"}!="") {
if ($e.metadata{"mood"}=="") { """<br/><br/>"""; }
"""<b> $*text_meta_music : </b>"""; print $e.metadata{"music"};
# """<br/><br/>""";
}

print_content_bottom();



# Now we're ready to do the bit of the component that has the comment, memory and edit links.

"""
<table width="100%">
</tr>
<td width="50%" align="left" valign="center">
<div class="entryComments">
""";
if ($e.comments.enabled) {
$e.comments->print();
}
"""
</div>
</td>
<td align="center" valign="center">""";

"""<td width="50%" align="right" valign="center">""";

"""<div class="entryComments">""";


var Link editlink = $e->get_link("edit_entry");
if (defined $editlink and $editlink.url!="") { """<a href="$editlink.url">EDIT</a> . """; }
var Link memlink = $e->get_link("mem_add");
if (defined $memlink and $memlink.url!="") { """<a href="$memlink.url">MEM0RY</a>"""; }
"""</div>
</td>
</tr>
</table>
""";



# Now we need to end the entry component, and put a spacer after it
# so your entry components won't get all smushed together. We do that like so:


"""</tr></td></table>""";
print_system_box_bottom();
""" <div><img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="3" alt="" border="0"></div> """;

}


# Override the printing of a comment so that we can customise the way the header prints
function EntryPage::print_comment(Comment comment) {

# define variables used for text layout.
# If you want to change anything about the text in the layout, change what's in red.
var string comment_prefix = "Comment by "; # how to start the title of the component box containing a single comment
var string thread_prefix = "Thread started by "; # how to start the title of the component box containing a thread of comments
var string anonymous_title = "Anonymous"; # what do display in place of a name on the component title when it's an anonymous post
var string anonymous_header = "<i>(Anonymous)</i>"; # what do display in place of a username in the comment header when it's an anonymous post
var string ip_open_bracket = "["; # opening bracket for around the IP address, placed after the username
var string ip_close_bracket = "]"; # closing bracket for around the IP address
var string link_open_bracket = "("; # opening bracket for around the reply/parent/thread links
var string link_close_bracket = ")"; # closing bracket for around the reply/parent/thread links
var string link_seperator = "&nbsp;"; # space for between the reply/parent/thread links
var string from = "$*text_comment_from"; # set from the core property, currently "From:"
var string date = "$*text_comment_date"; # set from the core property, currently "Date:"
var string select = "$*text_multiform_check"; # set from the core property, currently "Select:"
var string ipaddr = "$*text_comment_ipaddr"; # set from the core property, currently "IP address:"
var string parent = "$*text_comment_parent"; # set from the core property, currently "Parent"
var string reply = "$*text_comment_reply"; # set from the core property, currently "Reply"
var string thread = "$*text_comment_thread"; # set from the core property, currently "Thread"
var string header_bgcolor = ($comment.screened?"$*comments_screened_bgcolor":"$*comments_bgcolor"); # background color for the header section based on screened status

# place the anchor for the parent/thread links
""" <a name="$comment.anchor"></a> """;

# if we are at a first level comment (ie. directly to an entry), we want to start the component box with the title.
if ($comment.depth==1) {
print_entry_header((size $comment.replies >0?$thread_prefix:$comment_prefix)+(defined $comment.poster?$comment.poster.name:$anonymous_title));
print_comment_top();
}

# start the box which contains the comment information. This takes care of the indentation.
print_comment_content_top($comment);

# start the header section
"""
<div style="background-color: #ffffff; color: $*entry_fgcolor; margin-top: 4px;">
<table cellpadding="2" cellspacing="0" summary="0" width="40%" bgcolor="#ffffff">""";

# start the first row of the header
"""
<tr valign="top">""";
# place the userpic, which spans the 3 rows.
#if (defined $comment.userpic) { """ <td rowspan="3" align="center">$comment.userpic</td> """; }
# after the userpic place the user who posted the comment
#"""<td align="left" width="40%" style="white-space: nowrap"><strong>$from</strong>""";
if (defined $comment.poster) { """$comment.poster"""; } else { """ $anonymous_header"""; }
if (viewer_is_owner() and $comment.metadata{"poster_ip"}!="") { """&nbsp;$ip_open_bracket$ipaddr$comment.metadata{"poster_ip"}$ip_close_bracket"""; }
"""</td>""";
# after the poster, place the linkbar (delete button, screen/unscreen buttons)
"""
<td align="right" style="white-space: nowrap">"""; $comment->print_linkbar(); """</td>""";
# after the linkbar place the permanent link to the comment.
"""
<td align="right"><strong>$link_open_bracket<a href="$comment.permalink_url">$*text_permalink</a>$link_close_bracket</strong></td>""";

# start the second row
"""
</tr><tr valign="top">""";
# first place the date, spanning two columns (under the username and linkbar)
"""
<td colspan="2" align="left" style="white-space: nowrap"><strong>$date</strong> """; print $comment.time->date_format("long")+" - "+$comment.time->time_format(); """</td>
""";
# if the viewer is the owner of the page, place the select box for the multi action selector (delete/screen/unscreen)
if (viewer_is_owner()) { """<td align="right" style="white-space: nowrap"><label for="ljcomsel_$comment.talkid">$select</label>"""; $comment->print_multiform_check(); """</td>""";}

# start the third row
"""
</tr><tr valign="top">""";
# place the subject line spanning all columns, with the subject icon before the actual subject
"""
<td colspan="3"><div class="subject">&nbsp;""";
if (defined $comment.subject_icon) {"""$comment.subject_icon """;}
if ($comment.subject!="") {"""$comment.subject""";}
"""</div></td>
</tr>""";

# end the header section
"""
</table>
</div>""";

# place the text
"""
<div style="margin-left: 5px">$comment.text</div>""";

# place the Reply / Parent / Thread links
"""
<div class="small">$link_open_bracket<a href="$comment.reply_url">$reply</a>$link_close_bracket""";
if ($comment.parent_url!="") {"""$link_seperator$link_open_bracket<a href="$comment.parent_url">$parent</a>$link_close_bracket""";}
if ($comment.thread_url!="") {"""$link_seperator$link_open_bracket<a href="$comment.thread_url">$thread</a>$link_close_bracket""";}
"""</div>""";

# end the box containg the comment information
print_comment_content_bottom();
}

function print_profile(Page p) {

print_comp_header("THE GIRL");
"""
<b><i>-name</i></b> Kelsey.<br><b><i>-age</i></b> 20.<br><b><i>-location</i></b> NY<br><b><i>-likes</i></b> Adam Duritz, Counting Crows, Brandon Lee, The Crow, crafts, beading.<br><b><i>-dislikes</i></b> Smoking, drinking, drugs, baldness, messy eyebrows.
""";
print_comp_footer();
}



### Override the print_my_entries so we can make a custom titles and/or title sub components
function print_my_entries(Page p, string title) {

# Set to be your welcome note title, if you want one
var string welcome_title = "Welcome Note Title";

# Set to be your welcome note. HTML is taken, so make sure it's valid and is all properly closed tagged.
# Use "<br/><br/>" for line breaks with space between
var string welcome_note = "Welcome Note Line 1<br/><br/>Welcome Note Line 2 etc.";

# Because we are going to override the Page title, and there is no function to draw the component borders for such
# a thing, we need to do it all by hand. For the curved corner pieces, we need to match the color to the rest of your
# component. To do this, we need to set a variable to be used since it cannot be obtained from the stylesheet.
var Color header = $*header_bgcolor;
var Color headerMinus5 = $header->darker(50);
var Color headerPlus3 = $header->lighter(30);
var string corner_color = "/p0"+$headerPlus3->substr(1,6)+"1"+$headerMinus5->substr(1,6)+"2"+$header->substr(1,6);

var string header_box_open = """<table cellspacing="0" cellpadding="0" border="0"><tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px; left:2px;">""";
var string header_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr></table>""";

# Start the column for the body. Do not delete this line
"""<td valign="top" width="100%">""";

# Start the new title component.
print $header_box_open;

# Now we put the actual title content in. You can put whatever you want here. As an example, I've the following lines
# will insert the Title on all pages and Subtitle only on the recent page, and centered in the component. If you don't
# want something centered, remove the <center> and </center> tags surrounding it it.
# Also, as an example, the blue line shows how to add an image above your title, but it is commented since it is incomplete.
# If you'd like to an an image above the title, decomment the line by removing the # in front it and complete the URL.
# If you are curious, the different "views" for condition checking are {recent, friends, day, reply, entry, month, year}.

"""<center><img src="http://kitschycoup.net/images/harold.gif" border="0" alt="" /></center>""";
# print the Full Title of the page [Journal title and Page specific title]:
"""<div class="userTitle"><center>"""; print $p->title(); """</center></div>""";
# print the Journal Subtitle if it exists, and if we're on the recent page :
if ($p.global_subtitle!="" and $p.view=="recent") {
"""<div class="userSubTitle"><center>"""; print $p.global_subtitle; """</center></div>""";
}

# Close off the title component and place a spacer after it.
print $header_box_close;

$p->print_body();
}


function print_entry_header(string content) {
"""
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
<td class="tabBg" width="100%">
<div class="entryDate" style="position:relative; top:-3px; left:2px;">$content</div>
</td>
<td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
<td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
</table>""";
}

function print_bottom_nav(RecentPage p) {
var string prev = "";
var string next = "";

var string bottom_nav_box_open = """<table cellspacing="0" cellpadding="0" border="0"><tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px; left:2px;">""";
var string bottom_nav_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr></table>""";

var Color ltLineColor = $*header_bgcolor->lighter(30);
var Color dkLineColor = $*header_bgcolor->darker(50);
var string ltLineString = $ltLineColor.as_string;
var string medLineString = $*header_bgcolor.as_string;
var string dkLineString = $dkLineColor.as_string;

var string prevPalImg = "p1" + $ltLineString->substr(1,6) + "0" + $dkLineString->substr(1,6);
var string nextPalImg = "p0" + $ltLineString->substr(1,6) + "1" + $dkLineString->substr(1,6) + "2" + $medLineString->substr(1,6);

if($p.nav.backward_url != "") {
$prev = """<span class="header-item"><a href="$p.nav.backward_url" class="headerLinks"><img src="$*PALIMGROOT/component/back.gif/$prevPalImg" width="13" height="10" alt="$*nav_text_back" border="0" /> $*nav_text_back</a></span>""";
}

if($p.nav.backward_url != "" and $p.nav.forward_url != "") {
$prev = $prev + " ";
}

if($p.nav.forward_url != "") {
$next = """<span class="header-item"><a href="$p.nav.forward_url" class="headerLinks">$*nav_text_forward <img src="$*PALIMGROOT/component/forward.gif/$nextPalImg" width="13" height="10" alt="$*nav_text_forward" border="0"></a></span>""";
}

print $bottom_nav_box_open;
"""<div style="position:relative; top:-5px; text-align:center;">$prev$next</div>""";
print $bottom_nav_box_close;
}


function print_comp_header(string content) {
var string style = ($*comp_state == "right") ? " style='margin-right:3px;'" : "";
"""
<tr$style>
<td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="medLine" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
<td class="tabBg" width="100%">
<div class="sideHeader" style="position:relative; top:-3px; left:2px;">$content</div>
</td>
<td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
<td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
</tr>
<tr>
<td class="dkLine" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
<td class="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
<td class="compBg" width="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
<td class="compBg"><div class="compFont">""";
}


function print_nav_comp(Page p) {
var string nav_box_open = """<tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="compFont" style="position:relative; top:-3px;">""";
var string nav_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>""";

print $nav_box_open;

var string[] views_order = ["recent", "friends", "archive", "userinfo"];
var string{} view_names = {"recent" => $*nav_entries_text, "friends" => $*nav_friends_text, "archive" => $*nav_calendar_text, "userinfo" => $*nav_info_text};
foreach var string v ($views_order) {
if($v != "recent"){
"""<div class="ltLine"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></div>""";
}
"""<div class="compList"><a href=\"""" + $p.view_url{$v} + """\" class="headerLinks">""" + $view_names{$v} + "</a></div>";
}

var string website_name = $p.journal.website_name ? $p.journal.website_name : $*text_website_default_name;
if ($p.journal.website_url != "") {
"""<div class="ltLine"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>""";
"""<div class="compList"><a href="$p.journal.website_url">$website_name</a></div>""";
}

$p->lay_viewspec_nav();

print $nav_box_close;
}

function print_free_text(Page p){
var string free_text_header_box_open = """<tr><td class="dkLine" colspan="7"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="tabBg" rowspan="1" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" rowspan="3" colspan="1"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="tabBg" colspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="ltLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="medLine" width="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="tabBg" width="100%"><div class="sideHeader" style="position:relative; top:-3px; left:2px;">""";
var string free_text_header_box_close = """</div></td><td class="tabBg" width="3" ><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="medLine" width="1" rowspan="2"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="dkLine" width="1" rowspan="3"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="medLine" colspan="4"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="5"><img src="$*PALIMGROOT/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>""";
var string free_text_box_open = """<tr><td class="dkLine" colspan="7"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg"><div class="compFont">""";
var string free_text_box_close = """</div></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="compBg" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td><td class="dkLine" width="1"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td class="dkLine" colspan="8"><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td></tr><tr><td><img src="http://stat.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>""";
}


function page_layout(Page p) {
# Set this to the width that you want both the navbar (if it exists) and the whole journal to be
# may be percentage (70%) or number of pixels (700px).
var string k1Swidth = "70%";

# Start the html document and print the head section which controls the page title, stylesheet information,
# server supplied head content, and custom header informtion from the print_custom_head function.
var string title = $p->title();
"""
<html>
<head>
<link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
$p.head_content
"""; $p->print_custom_head(); """
<title>$title</title>
</head>
""";

# Start the body section of the html document which controls the visible parts of the page.
"""<body style="text-align:center;">""";

# If you want a picture to be at the top of your journal, edit and decomment this section remove the # from the next line.
# """<div align="center"><img src="url here" alt="caption here" title="caption here too" /></div>""";

if($k1Swidth != "") {
"""<table style="border: 0px; margin: auto; padding: 0px; width:$k1Swidth;"><tr><td>""";
}

# Print the navigation bar if it is needed. This can be incorporated into any other tutorials which override
# the page_layout() function, and should be placed immediately after the <body> tag above.
if (not $*comp_navbar or $*comp_state=="none") {
""" <div class="header">""";
print "<span class=\"header-item\"><a href=\""+$p.view_url{"recent"}+"\">$*nav_entries_text</a></span>";
print "<span class=\"header-item\"><a href=\""+$p.view_url{"friends"}+"\">$*nav_friends_text</a></span>";
print "<span class=\"header-item\"><a href=\""+$p.view_url{"archive"}+"\">$*nav_calendar_text</a></span>";
print "<span class=\"header-item\"><a href=\""+$p.view_url{"userinfo"}+"\">$*nav_info_text</a></span>";
if ($p.journal.website_url != "") {
print "<span class=\"header-item\"><a href=\"$p.journal.website_url\">$p.journal.website_name</a></span>";
}
$p->lay_viewspec_nav(); # prints previous / next links including arrow images
"""
</div>
""";
}

# Print a spacer at the top of the page above the components and main area.
"""<div><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";

# Start the table which lays out the components and main area in side-by-side layout
"""
<table cellspacing="0" cellpadding="0" valign="top">
<tr valign="top" width="100%">
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
""";

# If the components are supposed to be on the left side of the page, then print them, followed by a column
# with a spacer which is to seperate the components and the main area.
if ($*comp_state == "left") {
print_my_components($p);
"""
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
""";
}

# Print the main area of the page.
print_my_entries($p, $title);

# If the components are supposed to be on the right side of the page, then first print a column with a spacer
# and then print the components after the spacer.
if ($*comp_state == "right") {
"""
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
""";
print_my_components($p);
}

# Finish off the table for the body
"""
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
</tr>
</table>
""";

if($k1Swidth != "") {
"""</td></tr></table>""";
}

# End the body section and end the html document
"""
</body>
</html>
""";
}</lj-cut>

If someone could help me out here, I'd be eternally greatful. I've been trying to get this to work for a looong time now.
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 2 comments