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

I'm so sorry to bother you all, but I'm a bit stuck, and I've been trying to sort this out for 3 hours now! *sobs with frustration*

I have just sorted out my friends journal - violentnitemare - and if you pop along and have a look, you'll see that the entry components are stretching out terribly!!

Now, I've been here shrinking and centering tutorial, and I changed the var string k1Swidth to 600px, checked through a lot of the faqs, I've made sure the auto format is on when updating, and put all pictures behind a cut - but still it insists on stretching the page out!!

I'm getting to the end of my tether, as, although I know a little about html, and have been trying to learn more, I feel bad, as this is not my journal, but I helped with it. I feel so bad, can anybody point me in the right direction, or tell me if they think they know what the problem might be, as I'm all out of answers!!

Here are the codes currantly being used, and they are the same as my own journal, which confuddles me even more! :/

Thank you so much in advance if anybody has any idea where I'm going wrong...

layerinfo "type" = "theme";

layerinfo "name" = "Additional Customizations";



set lineheight = 12;



function Page::print_custom_head() {

"""

<style type="text/css">

body {





background-image: url(http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/violentnitemaresheader.gif) ;

background-repeat: no-repeat ;

background-attachment: scroll ;

background-position: top ;

margin-top: 300px ; # replace HHH with your image height in pixels

font-size: 7px ;

}

.header {text-align: center;}

html {
scrollbar-base-color: #000000;

scrollbar-track-color: #ffffff;

scrollbar-face-color: #000000;

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #ffffff;

scrollbar-shadow-color: #000000;

scrollbar-arrow-color: #ffffff;

}


</style>

""";

}


function print_profile(Page p) {

print_comp_header("My Info");
"""
<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=violentnitemare">$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=violentnitemare'><img scr='http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/userinfo.gif'
alt='userinfo' width='17' height='17'
style='vertical-align:bottom;border:0;' /></a><a
href='http://www.livejournal.com/users/violentnitemare/'><b>violentnitemare</b></a></span></div>
<div><b>Name:</b> Kerry</div>
<div><b>Website:</b> <a
href="http://profiles.myspace.com/users/10208479">My Space.</a></div>
<div><b>Age:</b> 24</div>
<div><b>Location:</b> Suwanee, GA, USA</div>
<div><b>Mini Bio:</b> Happily in love with Brian and will be for the rest of our lives. I love my family and friends very much! I have 10 piercings - ears gauged, eyebrow, tongue, nose, labret and belly button. 7 tattoos, will eventually start working on more. I'm a natural redhead, non-smoker. I do love to drink though! I have several things I'm crazy about - my baby Brian, Halloween, Autumn, Twiztid, Johnny Depp, my digi cam, (I take it everywhere with me!) sushi, coffee, and bats. I have a pug (puppy) named Muggs. He's the cutest thing in the worlddddd!! Mama's boy all the way! I love him sooooo much!!</div>

<tr><td colspan="3">
<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="3"><u>LiveJournal</u></th></tr>
<tr><td><a href="http://www.livejournal.com/friends/add.bml?user=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/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=violentnitemare">+add
me</a></td></tr>

<tr><td colspan="3">
<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=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/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=violentnitemare">my to do
list</a></td></tr>

<tr><td colspan="3">
<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=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/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=violentnitemare">my memories</a></td></tr>

<tr><td colspan="3">
<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=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/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=violentnitemare">tell
someone about me</a>
</td>
</tr>
</table>

""";

print_comp_footer();
}


function print_free_text(Page p) {

print_comp_header($*free_text_text);

"""$*free_text""";

print_comp_footer();


print_comp_header("Fav TV Shows");

"""

The Sopranos<br>
<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>

The Dead Zone<br>
<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>

Deadwood<br>
<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>

Dark Angel<br>
<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>

Wonderfalls<br>
<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>

Smallville<br>
<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>

House M.D.<br>
<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>

Hi Hi Puffy Ami Yumi<br>
<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>

Family Guy<br>
<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>

South Park<br>
<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>

Buffy the Vampire Slayer<br>
<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>

Dead Like Me<br>
<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>

21 Jump Street<br>


</div>

""";

print_comp_footer();

print_comp_header("Fav Music");

"""

All kinds!!<br>

</div>
""";


print_comp_footer();

print_comp_header("Fav Books");

"""

Harry Potter<br>
True Crime<br>
Biographies<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 (60%) or number of pixels (600px).

var string k1Swidth = "600px";



# 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>Violentnitemares....Do You Dare?</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

  • 2 comments