[
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">