[
Error: Irreparable invalid markup ('<div [...] """>') in entry. Owner must fix manually. Raw contents below.]
Hey, I need help with my codes :( I don't know what I'm doing wrong here, these are the same codes I was using about a month ago [before the layout I have now], but for whatever reason they just won't work.
This is the error code I get:
24: set weak_text = "#a78d84";
25: set box_width = 360;
26: set page_vlink = "#a78d84";
27:
28: function page_layout(Page p) {
29: # Set this to the width that you want both the navbar (if it exists) and the whole journal to be
30: # may be percentage (70%) or number of pixels (700px).
31: var string k1Swidth = "625";
32:
<lj-cut text="these are the codes">
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 = "625";
# 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="http://img.photobucket.com/albums/v173/picaboocu/BANNERtwo.jpg" 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="3" 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>
""";
}
function print_profile(Page p) {
print_comp_header("& the girl");
"""
<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"><br><a href="http://www.livejournal.com/allpics.bml?user=tenmylove"><img src="http://img.photobucket.com/albums/v173/picaboocu/LJ%20icons/GG%20icons/LL1-jems.png" alt="& the icons" width="95" height="95" border="1" vspace="4" class="userpic" /></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><center><span class='ljuser' style='white-space:nowrap;'><a href='http://www.livejournal.com/userinfo.bml?user=tenmylove'><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/tenmylove/'><b>tenmylove</b></a></span></center></div>
<div><center><a href="http://tenmylove.livejournal.com"><b>www</b></a> | <a href="mailto:tenmylove@livejournal.com"><b>@</b></a> | <a href=http://www.livejournal.com/allpics.bml?user=tenmylove><b>icons</b></a></center></div>
</td>
</tr>
</table>
""";
print_comp_footer();
}
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 = "500";
# 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="http://img.photobucket.com/albums/v173/picaboocu/BANNERtwo.jpg" 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="3" 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>
""";
}
function print_profile(Page p) {
print_comp_header("& the girl");
"""
<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"><br><a href="http://www.livejournal.com/allpics.bml?user=tenmylove"><img src="http://img.photobucket.com/albums/v173/picaboocu/LJ%20icons/GG%20icons/GG14_-_lauranobaka.jpg" alt="& the icons" width="95" height="95" border="1" vspace="4" class="userpic" /></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><center><span class='ljuser' style='white-space:nowrap;'><a href='http://www.livejournal.com/userinfo.bml?user=tenmylove'><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/tenmylove/'><b>tenmylove</b></a></span></center></div>
<div><center><a href="http://tenmylove.livejournal.com"><b>www</b></a> | <a href="mailto:tenmylove@livejournal.com"><b>@</b></a> | <a href=http://www.livejournal.com/allpics.bml?user=tenmylove><b>icons</b></a></center></div>
</td>
</tr>
</table>
""";
print_comp_footer();
}
function Page::print_custom_head() {
"""
<style type="text/css">
html {
scrollbar-face-color: #e8c5b1;
scrollbar-arrow-color: #fee8d6;
scrollbar-base-color: #e8c5b1;
scrollbar-shadow-color: #e8c5b1;
scrollbar-dark-shadow-color: #e8c5b1;
scrollbar-highlight-color: #e8c5b1;
scrollbar-3d-light-color: #e8c5b1;
scrollbar-track-color: #fee8d6;
}
A:hover {
cursor:help;
height: 0;
text-decoration: #fffaf0;
}</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="1" 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 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) {
print_comp_header("& the playlist");
"""
<div id="Layer1" style="border:0px solid #878787; position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden; scrollbar-3dlight-color: #e8c5b1; scrollbar-arrow-color: #fee8d6; scrollbar-base-color: #e8c5b1; scrollbar-darkshadow-color: #e8c5b1; scrollbar-face-color: #e8c5b1; scrollbar-highlight-color: #e8c5b1; scrollbar-shadow-color: #e8c5b1; scrollbar-track-color: #fee8d6;">
<table width="100%" cellpadding="3" cellspacing="0">
<tr bgcolor="#e8c5b1">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-damien0.gif" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Damien Rice</b><br><i>O</i><br> </td>
</tr>
<tr bgcolor="#fee8d6">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/5e82e10c.jpg"border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Dave Matthews</b><br><i>Some Devil</i><br> </td>
</tr>
<tr bgcolor="#e8c5b1">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-RILOk.gif" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Rilo Kiley</b><br><i>More Adventurous</i><br> </td>
</tr>
<tr bgcolor="#fee8d6">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-m5.jpg" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Maroon 5</b><br><i>Songs About Jane</i><br> </td>
</tr>
<tr bgcolor="#e8c5b1">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-frou.jpg" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Frou Frou</b><br><i>Details</i><br> </td>
</tr>
<tr bgcolor="#fee8d6">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-postal.jpg" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>The Postal Service</b><br><i>Give Up</i><br> </td>
</tr>
</tr>
</table>
</div>
""";
print_comp_footer();
print_comp_header("& the literary");
"""
<div id="Layer1" style="border:0px solid #878787; position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden; scrollbar-3dlight-color: #e8c5b1; scrollbar-arrow-color: #fee8d6; scrollbar-base-color: #e8c5b1; scrollbar-darkshadow-color: #e8c5b1; scrollbar-face-color: #e8c5b1; scrollbar-highlight-color: #e8c5b1; scrollbar-shadow-color: #e8c5b1; scrollbar-track-color: #fee8d6;">
<table width="100%" cellpadding="3" cellspacing="0">
<tr bgcolor="#e8c5b1">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-angels.jpg" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Angels & Demons</b><br><i>Dan Brown</i><br> </td>
</tr>
<tr bgcolor="#fee8d6">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-resc.jpg" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>The Rescue</b><br><i>Nicholas Sparks</i><br> </td>
</tr>
<tr bgcolor="#e8c5b1">
<td align="left">
<img src="http://img.photobucket.com/albums/v173/picaboocu/misc/m-patterson.jpg" border="0" style="border: 1px solid #000" /></td>
<td align="left"><b>Suzanne's Diary for Nicholas</b><br><i>James Patterson</i><br> </td>
</tr>
</tr>
</table>
</div>
""";
print_comp_footer();
print_comp_header("& the desktop");
""" <p align="center"><img src="http://img.photobucket.com/albums/v173/picaboocu/misc/mikeyomgsm.gif" border="0"></p>""";
print_comp_footer();
}
</lj-cut>
thanks for the help in advance.