bouncyhere's my code.
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 (574px).
var string k1Swidth = "70%";
# Start the html document and print the head section which controls the page title, stylesheet information,
# server supplied head content, and custom header informtion from the print_custom_head function.
var string title = $p->title();
"""
<html>
<head>
<link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
$p.head_content
"""; $p->print_custom_head(); """
<title>$title</title>
</head>
""";
# Start the body section of the html document which controls the visible parts of the page.
"""<body style="text-align:center;">""";
# If you want a picture to be at the top of your journal, edit and decomment this section.
# """<div align="center"><img src="http://img.photobucket.com/albums/v512/LilyTook/JackSparrow.jpg" alt="Captian Jack Sparrow" title="Captain Jack Sparrow" /></div>""";
if($k1Swidth != "") {
"""<table style="border: 0px; margin: auto; padding: 0px; width:$k1Swidth;"><tr><td>""";
}
# Print the navigation bar if it is needed. This can be incorporated into any other tutorials which override
# the page_layout() function, and should be placed immediately after the <body> tag above.
if (not $*comp_navbar or $*comp_state=="none") {
""" <div class="header">""";
print "<span class=\"header-item\"><a href=\""+$p.view_url{"recent"}+"\">$*nav
print "<span class=\"header-item\"><a href=\""+$p.view_url{"friends"}+"\">$*na
print "<span class=\"header-item\"><a href=\""+$p.view_url{"archive"}+"\">$*na
print "<span class=\"header-item\"><a href=\""+$p.view_url{"userinfo"}+"\">$*n
if ($p.journal.website_url != "") {
print "<span class=\"header-item\"><a href=\"$p.journal.website_url\">$p.journ
}
$p->lay_viewspec_nav(); # prints previous / next links including arrow images
"""
</div>
""";
}
# Print a spacer at the top of the page above the components and main area.
"""<div><img src="$*PALIMGROOT/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";
# Start the table which lays out the components and main area in side-by-side layout
"""
<table cellspacing="0" cellpadding="0" valign="top">
<tr valign="top" width="100%">
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
""";
# If the components are supposed to be on the left side of the page, then print them, followed by a column
# with a spacer which is to seperate the components and the main area.
if ($*comp_state == "left") {
print_my_components($p);
"""
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
""";
}
# Print the main area of the page.
print_my_entries($p, $title);
# If the components are supposed to be on the right side of the page, then first print a column with a spacer
# and then print the components after the spacer.
if ($*comp_state == "right") {
"""
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
""";
print_my_components($p);
}
# Finish off the table for the body
"""
<td width="3">
<img src="$*PALIMGROOT/component/clear.gif" width="3" height="1" alt="" border="0" />
</td>
</tr>
</table>
""";
if($k1Swidth != "") {
"""</td></tr></table>""";
}
# End the body section and end the html document
"""
</body>
</html>
""";
}
function page_layout(Page p) {
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>
<body>
<table width="100%" height="x" cellspacing="0" cellpadding="0" valign="top">
<tr valign="top" width="100%">
<td ><img src="http://img.photobucket.com/albums/v512/LilyTook/JackSparrow.jpg" width="574" height="300" alt="" border="0"></td >
<td >
<table width="100%" height="x" cellspacing="0" cellpadding="0" valign="top" background="http://img.photobucket.com/albums/v512/LilyTook/JackSparrow.jpg">
<tr valign="top" width="100%">
<td > </td>
</tr>
</table>
</td>
</td>
</tr>
</table>
<div>
<img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0">
</div>
<table width="100%" 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 ($*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_my_entries($p, $title);
if ($*comp_state == "right") {
"""
<td width="3">
<img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
</td>
""";
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>
</tr>
</table>
</body>
</html>
""";
}