Please help.: component_help

Hi, I'm new, and I'm having a little bit of trouble with a layout a friend of mine did, taken from coding made in several of your posts. I was wondering if you could help.

Here's where I'm having the problem:

Compile error: line 33, column 1: Unknown token encountered while parsing layer: [TokenIdent] = pages
S2::Layer, S2/Layer.pm, 67
S2::Compiler, S2/Compiler.pm, 27

Context

29: }
30: #=============================================================================================================
31:
32: ### Override the printing of entries. This affects the Recent/Day
33: pages, Friends pages, and Entry pages.
34: function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor,
35: bool hide_text) {
36:
37: # Print the anchor to be used in the page summary

and here's the rest of the coding:

######################################
#this is for the pic at the top of your lj
function Page::print_custom_head() {
"""

""";

"""

""";
}
#=============================================================================================================

### Override the printing of entries. This affects the Recent/Day
pages, Friends pages, and Entry pages.
function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor,
bool hide_text) {

# Print the anchor to be used in the page summary.
if ($p.view=="friends") {
"""""";
} else { # for recent, day, entry pages.
"""""";
}

# Print the header for the entry. It prints in the default form
"[ ] " where:
# is the security icon (ie. lock if protected, eye if
private, or none if public)
# is in the default time format (eg: 03:46 am)
# is bold and in the "long" format (eg: November 25th, 2003)
# The ordering can be adjusted however needed, and you can also
modify the formats that date and time print in.
# This can all be done in the red section below. For specifications
of available formats or how to construct
# your own formats, you can see:
http://www.livejournal.com/doc/s2/siteapi.core1.html#siteapi.core1.dateformats
print_entry_header((defined $e.security_icon?"$e.security_icon
":"")+$e.time->time_format()+"
"+$e.time->date_format("long")+"");

print_system_box_top();
""""""; # Check to see if we need to display a usericon and/or journal names, and if so, then print them # Cases - 1. We are viewing a friends page, so we need to display icons if they exist and journal/poster names # 2. We are viewing a recent/day/entry page, so we display only the icon if it exists and # the user has set recent userpics on. # The code in red is the logic to decide whether or not to show the userpics. You can modify it as you see fit. if ($p.view=="friends" or ($*show_entry_userpic and defined $e.userpic) or $e.journal.journal_type=="C") { # Start the table that will hold the icon and/or names """

"""; # Display the icon if it exists if (defined $e.userpic) { """ """; # If we are on the friends view, then we want to print the extra border around the image that have the colors # which are custom defined. If you don't like the colors or the border on the friends view, then you can just # remove the blue segments. By default the recent/day/entry pages have a border around the usericons. If a user # has a non-rectangular image, this may look strange, so you can replace the 1 with a 0 to remove the border. # if ($p.view=="friends") { """

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

Hi, I'm new, and I'm having a little bit of trouble with a layout a friend of mine did, taken from coding made in several of your posts. I was wondering if you could help.

<lj-cut text="Problem under the cut">
Here's where I'm having the problem:

Compile error: line 33, column 1: Unknown token encountered while parsing layer: [TokenIdent] = pages
S2::Layer, S2/Layer.pm, 67
S2::Compiler, S2/Compiler.pm, 27

Context

29: }
30: #=============================================================================================================
31:
32: ### Override the printing of entries. This affects the Recent/Day
33: pages, Friends pages, and Entry pages.
34: function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor,
35: bool hide_text) {
36:
37: # Print the anchor to be used in the page summary

and here's the rest of the coding:

######################################
#this is for the pic at the top of your lj
function Page::print_custom_head() {
"""
<style type="text/css">
body {
background-image: url(http://YOUR URL WHEN YOU'RE READY) ;
background-repeat: no-repeat ;
background-attachment: scroll ;
background-position: top ;
margin-top: 355px ; # replace HHH with your image height in
pixels
}
.header {
text-align: center;
}
img { border-width: 0px }
</style>
""";

"""
<style type="text/css">
img { border-width: 0px; }
</style>
""";
}
#=============================================================================================================

### Override the printing of entries. This affects the Recent/Day
pages, Friends pages, and Entry pages.
function print_entry(Page p, Entry e, Color bgcolor, Color fgcolor,
bool hide_text) {

# Print the anchor to be used in the page summary.
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. It prints in the default form
"[<icon> ]<time> <date>" where:
# <icon> is the security icon (ie. lock if protected, eye if
private, or none if public)
# <time> is in the default time format (eg: 03:46 am)
# <date> is bold and in the "long" format (eg: November 25th, 2003)
# The ordering can be adjusted however needed, and you can also
modify the formats that date and time print in.
# This can all be done in the red section below. For specifications
of available formats or how to construct
# your own formats, you can see:
http://www.livejournal.com/doc/s2/siteapi.core1.html#siteapi.core1.dateformats
print_entry_header((defined $e.security_icon?"$e.security_icon  
":"")+$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>""";

# Check to see if we need to display a usericon and/or journal names,
and if so, then print them
# Cases - 1. We are viewing a friends page, so we need to display
icons if they exist and journal/poster names
# 2. We are viewing a recent/day/entry page, so we display
only the icon if it exists and
# the user has set recent userpics on.
# The code in red is the logic to decide whether or not to show the
userpics. You can modify it as you see fit.
if ($p.view=="friends" or ($*show_entry_userpic and defined
$e.userpic) or $e.journal.journal_type=="C") {
# Start the table that will hold the icon and/or names
"""
<td valign="top" style="padding-right: 8px;">
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></td>
</tr>
""";
# Display the icon if it exists
if (defined $e.userpic) { """
<tr>
<td><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="2" alt="" border="0" /></td>
""";
# If we are on the friends view, then we want to print the
extra border around the image that have the colors
# which are custom defined. If you don't like the colors or
the border on the friends view, then you can just
# remove the blue segments. By default the recent/day/entry
pages have a border around the usericons. If a user
# has a non-rectangular image, this may look strange, so you
can replace the 1 with a 0 to remove the border.
#
if ($p.view=="friends") {
""" <div style="padding-top: 3px; padding-left: 3px;
padding-right: 3px; padding-bottom: 3px; background-color: """; print
$bgcolor.as_string; """ ;" align="center">
<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{
""" <td align="center" class="userpic"><img border="0"
src="$e.userpic.url" width="$e.userpic.width" height="$e.userpic.height"
alt="" /></td> """;
}
"""
</tr>
"""; }
# Display the journal and possibly poster name if we are viewing
the friends page or any page on a community
# This code will print the journal the entry was made on, and if
the poster is different, will print the poster under it.
# I made the names centered under the image, but if you want to
keep them left aligned as in the original, then
# remove the blue segments
if ($p.view=="friends" or $e.journal.journal_type=="C") { """
<tr>
<td><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="2" alt="" border="0" /></td>
<td align="center" class="ljuser">$e.journal""";
if ($e.journal.username!=$e.poster.username) {"""
<div align="center" class="ljuser">$e.poster</div>""";
} """
</td>
</tr>""";
}
"""
</table>
</td>
"""; }

# Start the main entry text area
"""<td width="100%" valign="top">""";
print_content_top();

# If the subject is not empty, then print it followed by the line to
seperate it from the entry text
# You can modify the lines in red if you want to adjust the way your
subject prints, but the other lines must remain as is.
if ($e.subject!="") { """
<div class="entryHeader">$e.subject</div>
<div class="entryDash"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
</td>
<td width="1" class="medLine"><img
src="http://stat.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></td>
</tr>
<tr>
<td width="1" class="medLine"><img
src="http://stat.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></td>
<td class="entry">
"""; }

# Print the entry text.
# If you want the entry text to be after the mood and music, then you
need to do two things:
# - decomment the pink lines by removing the #'s from in front of
them
# - comment out the blue lines by putting a # in front of them
""" $e.text """;

# Print Mood and/or Music Fields:
# If we have a mood to print
if ($e.metadata{"mood"}!="") {
# first we need a spacer after the entry text
"""<br/><br/>""";
# and then we print the mood label, followed by a mood icon if one
exists, followed by the mood text.
# If you want the mood icon to be after the mood text, then you
need to change the order of the two lines in red.
"""<b> $*text_meta_mood : </b>""";
if (defined $e.mood_icon) { """ $e.mood_icon """; }
print $e.metadata{"mood"};
"""<br/>""";
# if ($e.metadata{"music"}=="") { """<br/>"""; }
}
# If we have music to print
if ($e.metadata{"music"}!="") {
# If we didn't print a spacer because the mood was empty, then
print one
if ($e.metadata{"mood"}=="") { """<br/><br/>"""; }
# then print the actual music label and the music
"""<b> $*text_meta_music : </b>"""; print $e.metadata{"music"};
# """<br/><br/>""";
}

# """ $e.text """;

# Close off the entry text area
print_content_bottom();

# This is where the fun stuff is!
# Now we begin the area underneath the entry that holds the comments,
link, and entry related buttons.
"""
<table width="100%">
</tr>
<td width="50%" align="left" valign="center">
<div class="entryComments">
""";
# First we print the comment links if the entry allows comments
if ($e.comments.enabled) {
$e.comments->print();
}
"""
</div>
</td>
<td align="center" valign="center">""";
# Then print a permanent link to the entry.
# I have this because I have my journal set to display comment
links with "?nc=XX" tacked onto the end,
# and when I'm copying and pasting links, it's annoying to have
there. Also, if you want a link to
# an entry that has no comments yet, the only link that's shown
by default is the reply to link, and that
# that includes "?mode=reply" which is also annoying to have to
remove.
# Essentially this is here for convenience. If you don't want
it, remove the blue segment.
"""
<div class="entryComments"><span
style="white-space:nowrap;"><b>( <a href="$e.permalink_url"
class="commentLinks">$*text_permalink</a> )<b></span></div>
</td>
<td width="50%" align="right" valign="center">""";
# Then the entry related buttons
"""<div class="entryComments">
""";
# The easiest way to do this, which will work for all account
types, is as follows, and will display actual buttons.
# If you'd like text instead of buttons, then remove the
following line in blue, decomment the lines in pink,
# and edit as you see fit. Note that using the print_linkbar
function will also add next and previous buttons to the
# Entry page (with comments), and I've reflected that in the
pink lines below.
$e->print_linkbar();
#var Link prevlink = $e->get_link("nav_prev");
#if ($p.view=="entry" and defined $prevlink and
$prevlink.url!="") { """<a href="$prevlink.url"><img border='0'
width="$prevlink.icon.width" height="$prevlink.icon.height" alt=""
src="$prevlink.icon.url" /></a>"""; }
#var Link editlink = $e->get_link("edit_entry");
# if (defined $editlink and $editlink.url!="") { """<a
href="$editlink.url"><img border='0' width="$editlink.icon.width"
height="$editlink.icon.height" alt="" src="$editlink.icon.url" /></a>"""; }
# var Link memlink = $e->get_link("mem_add");
# if (defined $memlink and $memlink.url!="") { """<a
href="$memlink.url"><img border='0' width="$memlink.icon.width"
height="$memlink.icon.height" alt="" src="$memlink.icon.url" /></a>"""; }
# var Link nextlink = $e->get_link("nav_next");
# if ($p.view=="entry" and defined $nextlink and
$nextlink.url!="") { """<a href="$nextlink.url"><img border='0'
width="$nextlink.icon.width" height="$nextlink.icon.height" alt=""
src="$nextlink.icon.url" /></a>"""; }
"""
</div>
</td>
</tr>
</table>
""";

# End the entry component and put a spacer after it so that entry
components are seperated.
"""</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> """;

} # end of Function print_entry

#===============================================================================================================

function print_free_text(Page p)

{
#-----------------
#Random Strings
#-----------------

# Q U O T E S

print_comp_header("I Quote...");

var string[] facts;

$facts[0]="""QUOTE HERE""";

$facts[1]="""QUOTE HERE""";

$facts[2]=""" QUOTE HERE""";

#quotes numbers increase by one per quote...
#for example:
#(remove the # from the next line to use it)
#$facts[3]="""QUOTE HERE""";
var int randfact;
$randfact = rand(0, ((size $facts) - 1));
"""<p align="left">$facts[$randfact]</p>""";

print_comp_footer();
#-------------------
#END OF QUOTES!!
#-------------------

#----------------------
#Control Panel
#-----------------
#######################################################
# Control Panel #
# by kunzite1 #
# #
# If logged in: #
# Customize #
# *Advanced Customization #
# *Your Layers #
# *Your Styles #
# *Your Link List #
# Update #
# Edit Entries #
# Your Cluster #
# Logout #
# #
# If not logged in: #
# Login #
#######################################################
# Title bar of component when logged in #
var string k1CPloggedInTitle = "control panel"; #
# Title bar of component when not logged in #
var string k1CPloggedOutTitle = "login box"; #
# LOGIN BOX #
# Label for entering username #
var string k1CPusername = "username:"; #
# Label for entering password #
var string k1CPpassword = "password:"; #
# Label for forgot password link #
var string k1CPforgot = "forget?"; #
# Label for expiration options #
var string k1CPexpiration = "expiration:"; #
# Label for expiring when window closes #
var string k1CPclose = "close window"; #
# Label for never expiring #
var string k1CPnever = "never"; #
# Label for binding to ip #
var string k1CPbind = "bind to ip:"; #
# Label for accepting binding to ip #
var string k1CPy = "yes"; #
# Label for denying binding to ip #
var string k1CPn = "no"; #
# Label for log in button #
var string k1CPsubmit = "log in"; #
#######################################################
# CONTROL PANEL START #
#######################
if(viewer_logged_in()){
var Color k1CPltLineColor = $*header_bgcolor->lighter(30);
var string k1CPltLineString = $k1CPltLineColor.as_string;
var string k1CPmedLineString = $*header_bgcolor.as_string;
var Color k1CPdkLineColor = $*header_bgcolor->darker(50);
var string k1CPdkLineString = $k1CPdkLineColor.as_string;
var string k1CPopenRow = """ <tr>\n <td align="center"
width="30%">""";
var string k1CPcloseRow = """ </td>\n </tr>\n""";
var string k1CPnewCell = """ </td>\n <td align="center"
width="30%">""";
# i used these variables to make it easier to make the table
# $k1CPopenRow opens a table row
# $k1CPcloseRow closes a table row
# $k1CPnewCell closes the open cell and opens a new one
# customize the links as you wish
# all paid user items are italicized for non-paid users who come to
your journal
print_comp_header("$k1CPloggedInTitle");
"""
<table border="0" bordercolor="$k1CPmedLineString" cellspacing="0"
frame="void" width="100%">
$k1CPopenRow
<a href="$*SITEROOT/customize/">
customize
</a>
$k1CPnewCell
<a href="$*SITEROOT/customize/advanced/">
<em>advanced</em>
</a>
$k1CPnewCell
<a href="$*SITEROOT/customize/advanced/layers.bml">
<em>layers</em>
</a>
$k1CPcloseRow
$k1CPopenRow
<a href="$*SITEROOT/customize/advanced/styles.bml">
<em>styles</em>
</a>
$k1CPnewCell
<a href="$*SITEROOT/manage/links.bml">
<em>link lists</em>
</a>
$k1CPnewCell
<a href="$*SITEROOT/update.bml?mode=full">
update
</a>
$k1CPcloseRow
$k1CPopenRow
<a href="$*SITEROOT/editjournal.bml">
edit entries
</a>
$k1CPnewCell
<a href="$*SITEROOT/friends/">
edit friends
</a>
$k1CPnewCell
<a href="$*SITEROOT/editinfo.bml">
edit info
</a>
$k1CPcloseRow
$k1CPopenRow
<a href="$*SITEROOT/changepassword.bml">
edit pass
</a>
$k1CPnewCell
<a href="$*SITEROOT/editpics.bml">
edit pics
</a>
$k1CPnewCell
<a href="$*SITEROOT/memories.bml">
memories
</a>
$k1CPcloseRow
$k1CPopenRow
<a href="$*SITEROOT/misc/whereami.bml">
my cluster
</a>
$k1CPnewCell
<a href="$*SITEROOT/portal/">
my portal
</a>
$k1CPnewCell
<a href="$*SITEROOT/site/">
site map
</a>
$k1CPcloseRow
$k1CPopenRow
<a href="$*SITEROOT/stats.bml">
site stats
</a>
$k1CPnewCell
<a href="$*SITEROOT/birthdays.bml">
birthdays
</a>
$k1CPnewCell
<a href="$*SITEROOT/logout.bml">
logout
</a>
$k1CPcloseRow
</table>
""";
} else {
print_comp_header("$k1CPloggedOutTitle");
"""
<form action='$*SITEROOT/login.bml' method='post'>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>$k1CPusername</td><td><input type='text' name='user' size='15'
maxlength='15' /></td></tr>
<tr><td valign='top'>$k1CPpassword</td><td><input type='password'
name='password' size='15' maxlength='30' /><br /><a
href='$*SITEROOT/lostinfo.bml'><font size='1'>$k1CPforgot</font></a></td></tr>
<tr valign='top'><td>$k1CPexpiration:</td><td>
<input type='radio' name='expire' value='close' checked='checked'
id='close' /> <label for='close'>$k1CPclose</label><br />
<input type='radio' name='expire' value='never' id='never' /> <label
for='never'>$k1CPnever</label>
</td></tr>
<tr valign='top'><td>Bind to IP address:</td><td>
<input type='radio' name='bindip' value='yes' id='bindyes' /> <label
for='bindyes'>$k1CPy</label><br />
<input type='radio' name='bindip' value='no' checked='checked'
id='bindipno' /> <label for='bindipno'>$k1CPn</label>
</td></tr>
<tr><td colspan='2' align='center'><input name='action:login'
type='submit' value='$k1CPsubmit' /></td></tr>
</table>
</form>
""";
}
print_comp_footer();
#####################
# CONTROL PANEL END #
#####################

#--------------
#LINKS
#--------------
print_comp_header("My Links");
"""

<a href="http://" style="text-decoration: none"
target="_blank">text </a><br>
<a href="http://" style="text-decoration: none"
target="_blank">text </a><br>
<a href="http://" style="text-decoration: none"
target="_blank">text </a><br>
<a href="http://" style="text-decoration: none"
target="_blank">text </a><br>
<a href="http://" style="text-decoration: none"
target="_blank">text </a><br>
""";
print_comp_footer();
#----------------
#END OF LINKS
#----------------

#---------------
print_comp_header("Icons");
"""<p align="center"><br><img src="http://" border="0"><br><br>
<img src="http://" border="0" width="100" height="100"><br><br>
<img src="http://" border="0" width="100" height="100"><br><br>
</p>
""";
print_comp_footer();
}

#################################################################

# Make Global Title/Subtitle box have square corners
### 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%">""";

if($p.global_title != "" or $p.global_subtitle != "") {
# 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="YOUR IMAGE URL"
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();
}

# Make default entry component headers and default comment component
headers have square corners
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>""";
}

# Make prev/next link component at bottom of RecentPage have square
corners
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>""";
}

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

# Make side components have square corners
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">""";
}

# Make navigation component have square corners
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;
}
# New kinds of boxes that have square corners
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>""";

print_comp_header("moo"); # standard component with square corners
"moo";
print_comp_footer();

print $free_text_header_box_open; # component header-like box
"moo";
print $free_text_header_box_close;

print $free_text_box_open; # component box-like box
"moo";
print $free_text_box_close;
}

##################################################################
#CHANGE THE 700PX TO WHATEVER YOU WANT YOUR LJ WIDTH TO BE#
##################################################################
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 = "700px";

# 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($k1Swidth != "") {
"""<table style="border: 0px; margin: auto; padding: 0px;
width:$k1Swidth;"><tr><td>""";
}

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

# 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="http://www.livejournal.com/palimg/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="http://www.livejournal.com/palimg/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="http://www.livejournal.com/palimg/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="http://www.livejournal.com/palimg/component/clear.gif"
width="5" height="1" alt="" border="0" />
</td>
""";
print_my_components($p);
}
# Finish off the table for the body
"""
<td width="3">
<img
src="http://www.livejournal.com/palimg/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>
""";
}

#--------------------------------------------------
#bio componant at top
#--------------------------------------------------

function print_profile(Page p) {

print_comp_header("Bio");
"""
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50%" align="center">
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
</td>
<td align="center"><a
href="http://www.livejournal.com/allpics.bml?user=ncis_fanatic">$p.journal.default_pic
</a></td>
<td width="50%" align="center">
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
</td>
</tr>
<tr>
<td colspan="3" class="compContent">
<div><b>User:</b> <span class='ljuser' style='white-space:nowrap;'><a
href='http://www.livejournal.com/userinfo.bml?user=ncis_fanatic'><img
src='http://stat.livejournal.com/img/userinfo.gif' alt='userinfo'
width='17' height='17' style='vertical-align:bottom;border:0;' /></a><a
href='http://www.livejournal.com/users/ncis_fanatic/'><b>ncis
fanatic</b></a></span></div>
<div><b>Name:</b> Name</div>
<div><b>Website:</b> <a href="Web URL">web name</a></div>
<div><b>Age:</b> age</div>
<div><b>Location:</b> loc</div>

<table style="width: 100%;">
<tr><th colspan="2">Instant Messengers</th></tr>

<tr><td colspan="2">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>

<tr><td><a href="aim:goim?screenname=B l a Z e r
1826&message=I'm+an+LJ+junkie+too!">
<img src="URL OF THE AIM PIC" alt="Message me" style="border: 0;"
/></a></td>
<td style="text-align: right;">
<a href="aim:addbuddy?screenname=B l a Z e r 1826">+add me</a><br />
<a href="aim:goim?screenname=B l a Z e r
1826&message=I'm+an+LJ+junkie+too!">message me</a><br /></td></tr>

<tr><th colspan="2">LiveJournal</th></tr>
<tr><td><a
href="http://www.livejournal.com/friends/add.bml?user=ncis_fanatic">
<img src="http:/URL OF THE ADD ME PIC" alt="Add me" style="border: 0;"
/></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/friends/add.bml?user=ncis_fanatic">+add
me</a></td></tr>

<tr><td colspan="2">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>

<tr><td><a
href="http://www.livejournal.com/tools/memories.bml?user=ncis_fanatic">
<img src="http://URL OF THE MEMORIES PIC" alt="my Memories"
style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/tools/memories.bml?user=ncis_fanatic">my
memories</a></td></tr>

<tr><td colspan="2">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>

<tr><td><a href="http://www.livejournal.com/update.bml">
<img src="http://URL OF THE UPDATE PIC" alt="Update" style="border: 0;"
/></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/update.bml">Update</a></td></tr>

<tr><td colspan="2">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>
</table>

</td>
</tr>
</table>
""";
print_comp_footer();
}

<lj-cut text="Problem under the cut">

Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Your reply will be screened

Preview comment

Help
0 comments

Post a new comment
0 comments

Log in

Please help.

Error