I've checked through the communities memories and tutorials, but to no avail!
A friend of mine helped me out with some codes for the Profile Component box, so, I checked out this comms memories, to make sure I was doing everything ok, but I don't know what I've done wrong! All I wanted to do was add a little bit more info to my Profile box, where the default user icon goes.
It's driving me mad now, I'm so frustrated, and I really hope somebody here can just have a look for me and see why everything is out of line?
If you go to my journal -
Thank you in advance if any kind soul can help me, I would really appreciate anything anyone can do!
I have posted my codes here; (It's the part highlighted in bold) And I'm so sorry my code is so long!! *blushes*
Thank you for the help I recieved here, this community is so friendly and helpful, I truly appreciate it.
layerinfo "type" = "theme";
layerinfo "name" = "Additional Customizations";
set lineheight = 15;
function Page::print_custom_head() {
"""
<style type="text/css">
body {
background-image: url(http://img239.exs.cx/img239/3280/pinkdiamonds31madonnaheader0fy.gif) ;
background-repeat: no-repeat ;
background-attachment: scroll ;
background-position: top ;
margin-top: 300px ; # replace HHH with your image height in pixels
}
.header {text-align: center;}
html {
scrollbar-base-color: #6D431B;
scrollbar-track-color: #F4ECB4;
scrollbar-face-color: #DCC679;
scrollbar-highlight-color: #54300D;
scrollbar-3dlight-color: #6D431B;
scrollbar-darkshadow-color: #F4ECB4;
scrollbar-shadow-color: #DCC679;
scrollbar-arrow-color: #54300D;
}
</style>
""";
}
function print_profile(Page p) {
print_comp_header("All About Me");
"""
<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=pinkdiamonds31">$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=pinkdiamonds31'><img
src='http://img.photobucket.com/albums/v498/pinkdiamonds31/Madonna/pinkdiamonds31-madonnamatchingicon.png'
alt='userinfo' width='17' height='17'
style='vertical-align:bottom;border:0;' /></a><a
href='http://www.livejournal.com/users/pinkdiamonds31/'><b>Pink Diamonds 31</b></a></span></div>
<div><b>Name:</b> Jeannie</div>
<div><b>Website:</b> <a
href="http://www.livejournal.com/users/immortal_wicca">My Regular Journal.</a></div>
<div><b>Age:</b> 31</div>
<div><b>Location:</b> Germany</div>
<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><th colspan="2">LiveJournal</th></tr>
<tr><td><a href="http://www.livejournal.com/friends/add.bml?user=pinkdiamonds31">
<img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/addfriend.gif"
alt="Add me" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/friends/add.bml?user=pinkdiamonds31">+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/todo/?user=pinkdiamonds31">
<img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/btn_todo.gif"
alt="my Todo list" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/todo/?user=pinkdiamonds31">my to do
list</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=pinkdiamonds31">
<img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/memories.gif"
alt="my Memories" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/tools/memories.bml?user=pinkdiamonds31">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/tools/tellafriend.bml?user=pinkdiamonds31">
<img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/tellfriend.gif"
alt="Tell someone about me" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/tools/tellafriend.bml?user=pinkdiamonds31">tell
someone about me</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
""";
print_comp_footer();
} - this is the bit I copied and pasted into my codes...
function print_free_text(Page p) {
print_comp_header($*free_text_text);
"""$*free_text""";
print_comp_footer();
print_comp_header("A Few Links Of Interest...");
"""<br><center>
<div id="Layer1" style="position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden;">
<a href="http://www.livejournal.com/users/pinkdiamonds31/42070.html"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/free-account-mood-button.gif"></a><br><br>
<a href="http://www.livejournal.com/community/_magickalicons_"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/magickaliconsbutton6.png"></a><br><br>
<a href="http://www.livejournal.com/community/satc_graphics"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/satc_graphicsbutton1.png"></a><br><br>
<a href="http://www.livejournal.com/community/everything_lj"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/ban4.gif"></a><br><br>
<a href="http://www.livejournal.com/community/ljdesigners"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/lj-designers-button.gif"></a><br><br>
<a href="http://odsgirl.com"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/button_ODsGirl_6.gif"></a><br><br>
</div>
""";
print_comp_footer();
print_comp_header("Awards I Have Won...");
"""
<div id="Layer1" style="position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden;">
<br><center>
<a href="http://www.livejournal.com/users/pinkdiamonds31/20202.html"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/satc-award-button.gif"></a><br><br>
<a href="http://www.livejournal.com/users/pinkdiamonds31/19317.html"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/friends-award-button.gif"></a><br><br>
<a href="http://www.livejournal.com/users/pinkdiamonds31/18948.html"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/charmed-award-button.gif"></a><br><br>
<a href="http://www.livejournal.com/users/pinkdiamonds31/10962.html"><img src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Link%20Buttons/angel-award-button.gif"></a><br><br>
</div>
""";
print_comp_footer();
print_comp_header("What I'm Watching...");
"""
<div id="Layer1" style="position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden;">
<br><center>
Desperate Housewives<br><br>
Charmed - Series 7<br><br>
SATC dvds!!<br><br>
Cold Case<br><br>
Rescue Me<br><br>
CSI: Las Vegas<br><br>
CSI: New York<br><br>
Smallville<br><br>
Law & Order: Special Victims Unit<br><br>
TOO MUCH TV!!
</div>
""";
print_comp_footer();
print_comp_footer();
print_comp_header("What I'm Reading...");
"""
<div id="Layer1" style="position:relative; width:100%; height:100px; z-index:1; overflow: auto; overflow-x: hidden;">
<br><center>
The Da Vinci Code by Dan Brown.<br><br>
Bridget Jones: The Edge Of Reason by Helen Fielding.<br><br>
The Real Witches Book Of Spells by Kate West.<br><br>
</div>
""";
print_comp_footer();
print_comp_header("Samples Of My Icon Work...");
"""
<div id="Layer1" style="position:relative; width:100%; height:200px; z-index:1; overflow: auto; overflow-x: hidden;">
<br><center>
<img alt="Madonna" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Madonna/pinkdiamonds31-madonna8.png"><br><br>
<img alt="Madonna Eye" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Madonna/pinkdiamonds31-madonna6.png"><br><br>
<img alt="Madonna pink" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Madonna/pinkdiamonds31-madonna1.png"><br><br>
<img alt="Madonna rain" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Madonna/pinkdiamonds31-madonna2.png"><br><br>
<img alt="Carrie Fab" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satc-fab.png"><br><br>
<img alt="Carrie Gorgeous" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satc-gorgeous.png"><br><br>
<img alt="Err Sexy" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satc-sexy.png"><br><br>
<img alt="Carrie Starlight" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satc-carriestar.png"><br><br>
<img alt="Sam as good as me" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satcthisgood.png"><br><br>
<img alt="Sam wiener" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satcwiener.png"><br><br>
<img alt="Carrie" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satccarriepink.png"><br><br>
<img alt="Charlotte" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satcchar2.png"><br><br>
<img alt="Miranda" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satcmiranda.png"><br><br>
<img alt="Samantha" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/SATC/pinkdiamonds31-satcsam.png"><br><br>
<img alt="Bridget" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Bridget%20Jones%20Icons/pinkdiamonds31-bridgetcomp1.png"><br><br>
<img alt="Bridget" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Bridget%20Jones%20Icons/pinkdiamonds31-bj42.png"><br><br>
<img alt="Bridget" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Bridget%20Jones%20Icons/pinkdiamonds31-bj39.png"><br><br>
<img alt="Bridget" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Bridget%20Jones%20Icons/pinkdiamonds31-bj28.png"><br><br>
<img alt="Charmed Enchanting Paige" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Charmed/pinkdiamonds31-paigeenchanting.png"><br><br>
<img alt="Charmed Fear Phoebe" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Charmed/pinkdiamonds31-charmedicontestfear.png"><br><br>
<img alt="Charmed Sacred Book" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Charmed/pinkdiamonds31-charmedciontestsacred.png"><br><br>
<img alt="Friends Ross" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Friends/pinkdiamonds31-friendsicontest5.png"><br><br>
<img alt="Friends Brad and Jen" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Friends/pinkdiamonds31-friendsicontest3.png"><br><br>
<img alt="Friends Ross and Rachel" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Friends/pinkdiamonds31-friendsicontest1.png"><br><br>
<img alt="Friends Phoebe" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Friends/pinkdiamonds31-friendsicontest4.png"><br><br>
<img alt="Friends Monica" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Friends/pinkdiamonds31-friendsicontest6.png"><br><br>
<img alt="Bangel" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-bangelchallenge5.png"><br><br>
<img alt="Cangel" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-cangle.png"><br><br>
<img alt="Willow" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-btvsatscontest1.png"><br><br>
<img alt="Faith" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-angelstillness-faith.png"><br><br>
<img alt="Bangel" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-bangel-deadly.png"><br><br>
<img alt="Illyria" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-illyria4.png"><br><br>
<img alt="Angel and Faith" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-angel-takemypain.png"><br><br>
<img alt="Bangel" src="http://img.photobucket.com/albums/v498/pinkdiamonds31/Angel/pinkdiamonds31-angel-holdon.png"><br><br>
</div>
""";
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 = "900px";
# 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>*~*My Graphics Journal...*~*</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://www.yourdomain.com/yourimage.jpg" alt="jkl" title="jkl" /></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>
""";
}