*~*Jeannie*~* (pinkdiamonds31) wrote in component_help,
*~*Jeannie*~*
pinkdiamonds31
component_help

Problems with Profile Component box...

I am really hoping someone can help me here.

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 - pinkdiamonds31 - you can see how everything appears to be stuck at the bottom of the page! Where have I gone wrong? Do I need more spacing between the codes? Did I miss a ";" out? *cries with desperation*

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>

""";

}
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 6 comments