i am sorry to post this again, but i really do not understand it. how…: component

i am sorry to post this again, but i really do not understand it.

how do you get a component set up like
_eighty8s "friends" one? (she lists a bunch of friends and the links to their journals) i have a component sort of like that but looks messed up and spaced out, and hers allows her to have more people, etc.

if you could comment or something...that would be great. thanks & sorry i don't understand.

[EDITED AND PUT MY WHOLE THEME CODE UNDER THE CUT]

layerinfo "type" = "theme";

layerinfo "name" = "My Theme";



function Page::print_custom_head() {

""";

    &lt;style type="text/css"&gt;

A:link {font-size:8; font-weight:bold;} 

   &lt;/style&gt;

""";

}



set show_free_text = true;

function print_free_text(Page p) {

&#160;&#160;print_comp_header("LOVING");

&#160;&#160;"""

&lt;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: #f1c9d4; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #f1c9d4; scrollbar-darkshadow-color: #FFFF00; scrollbar-face-color: #f1c9d4; scrollbar-highlight-color: #FFFF00; scrollbar-shadow-color: #f1c9d4;"&gt;

&lt;table width="100%" cellpadding="3" cellspacing="0"&gt;

&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/ljloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;LiVEJOURNAL&lt;/b&gt;&lt;br&gt;&lt;i&gt;The best journal site you'll find.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/ashleeloving.jpg"border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;ASHLEE SiMPSON&lt;/b&gt;&lt;br&gt;&lt;i&gt;Not just Jess's little sis&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/britloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;BRiTNEY SPEARS&lt;/b&gt;&lt;br&gt;&lt;i&gt;Do you dare?&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/chadmmloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;CHAD MiCHAEL MURRAY&lt;/b&gt;&lt;br&gt;&lt;i&gt;is HOT love.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/lindsayloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;LiNDSAY LOHAN&lt;/b&gt;&lt;br&gt;&lt;i&gt;i'm tired of rumors starting.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/parisandnickyloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;PARiS AND NiCKY HiLTON&lt;/b&gt;&lt;br&gt;&lt;i&gt;heiresses.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/mkaloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;MARY-KATE & ASHLEY&lt;/b&gt;&lt;br&gt;&lt;i&gt;beauty queens of only 18.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/sophiabushloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;SOPHiA BUSH&lt;/b&gt;&lt;br&gt;&lt;i&gt;luckiest girl alive.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;table width="100%" cellpadding="3" cellspacing="0"&gt;

&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/meangirlsloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;MEAN GiRLS&lt;/b&gt;&lt;br&gt;&lt;i&gt;if you're from Africa, why are you white?&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/13goingon30loving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;13 GOiNG ON 30&lt;/b&gt;&lt;br&gt;&lt;i&gt;i need a fluffy pillow.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/boyswhovoteloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;BOYS WHO VOTE&lt;/b&gt;&lt;br&gt;&lt;i&gt;vote or die.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;img src="http://img.photobucket.com/albums/v387/alison1234/jessimpsonloving.jpg" border="0" style="border: 1px solid #000" /&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;JESSiCA SIMPSON&lt;/b&gt;&lt;br&gt;&lt;i&gt;life is better &lt;s&gt;dumb&lt;/s&gt; blonde.&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;/tr&gt;

&lt;/table&gt;



&lt;/div&gt;



""";

&#160;&#160;print_comp_footer();



 

print_comp_header("FAVORITE LJ FRIENDS");

"""

&lt;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: #f1c9d4; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #f1c9d4; scrollbar-darkshadow-color: #FFFF00;	scrollbar-face-color: #f1c9d4; scrollbar-highlight-color: #FFFF00; scrollbar-shadow-color: #f1c9d4;"&gt;

&lt;table width="100%" cellpadding="3" cellspacing="0"&gt;

&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/_eighty8"&gt;ELYSE.&lt;/a&gt;&lt;/td&gt; 



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/_kayt_"&gt;KATIE.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;KATIE.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/a1lixo"&gt;ALLI.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;ALLI.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/kaylashae"&gt;KAYLA.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;KAYLA.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/suziebr"&gt;SUZIE.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;SUZIE.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/misty_allure"&gt;TINA.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;TINA.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/passthatversace"&gt;MANDY.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;MANDY.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/xxheiress"&gt;PARIS.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;PARIS.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/versace_vixen"&gt;LAURA.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;LAURA.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/whatsgoodforme"&gt;TYLER.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;TYLER.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/innocently"&gt;JESS.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;JESS.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/_black_ink"&gt;OTHER JESS.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;OTHER JESS.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/odds_against_me"&gt;JEN.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;JEN.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/_amoureuxx"&gt;ELIZABETH.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;ELIZABETH.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/nadiabritneyfan"&gt;NADIA.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;NADIA.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/punkgurlio"&gt;LIBBY.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;LIBBY.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/sweetkisses822"&gt;BRI.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;BRI.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/punk_teen07"&gt;KEVIN.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;KEVIN.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/x3heartbrokenx3"&gt;JENNIFER.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;JENNIFER.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#faf4e4"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/sossers"&gt;SOLI.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;SOLI.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;tr bgcolor="#eeeeee"&gt;

&lt;td align="left"&gt;

&lt;a href="http://www.livejournal.com/users/_sobeautiful"&gt;_SOBEAUTIFUL.&lt;/a&gt;&lt;/td&gt;

&lt;td align="left"&gt;&lt;b&gt;_SOBEAUTIFUL.&lt;/b&gt;&lt;br&gt;&lt;i&gt;&lt;/i&gt;&lt;br&gt; &lt;/td&gt;

&lt;/tr&gt;



&lt;/tr&gt;



&lt;/tr&gt;

&lt;/table&gt;

&lt;/div&gt;

""";

&#160;&#160;print_comp_footer();



}



function page_layout(Page p) {



var string title = $p-&gt;title();



"""



&lt;html&gt;



&lt;head&gt;



&lt;link rel="stylesheet" href="$p.stylesheet_url" type="text/css" /&gt;



$p.head_content



&lt;title&gt;v. crash world.&lt;/title&gt;



&lt;/head&gt;



&lt;body&gt;



&lt;table width="85%" cellspacing="0" cellpadding="0" valign="top" align="center"&gt;



&lt;tr valign="top" width="100%"&gt;



&lt;td width="3"&gt;



&lt;img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0"&gt;



&lt;/td&gt;



""";







if ($*comp_state == "left") {



print_my_components($p);



"""



&lt;td width="3"&gt;



&lt;img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0"&gt;



&lt;/td&gt;



""";



}







print_my_entries($p, $title);



if ($*comp_state == "right") {



"""



&lt;td width="3"&gt;



&lt;img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0"&gt;



&lt;/td&gt;



""";







print_my_components($p);



}



"""



&lt;td width="3"&gt;



&lt;img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0"&gt;



&lt;/td&gt;



&lt;/tr&gt;



&lt;/table&gt;



&lt;/body&gt;



&lt;/html&gt;



""";



}







function print_profile(Page p) {



print_comp_header("ABOUT ME");



"""



&lt;table cellspacing="0" cellpadding="0" border="0"&gt;



&lt;tr&gt;



&lt;td width="50%" align="center"&gt;



&lt;/td&gt;



&lt;td align="center"&gt;&lt;br /&gt;&lt;div&gt;&lt;b&gt;Ali.&lt;/b&gt; Boy-crazy. Loves anything pink. &lt;b&gt;Has become incredibly close to some of her LJ friends.

(specifically Mandy, Tina, Tyler, Elizabeth, Paris, and _sobeautiful)&lt;/b&gt;

Current favorite songs include: My Prerogative, My Boo, Rumors, Overnight Celebrity, Jesus Walks, and many others.

Green eyed goddess. Favorite stores: A&F, Hollister, American Eagle, Kitson (though she lives nowhere near Kitson).

&lt;b&gt;For more info, ask to be added (but read the rules in her info first, of course!)&lt;/b&gt; and she might add you back.&lt;/div&gt;&lt;/td&gt;



&lt;td align="center"&gt;&lt;br /&gt;&lt;a href="http://www.livejournal.com/allpics.bml?user=xopiecesofme3xo" alt="View my user icons"&gt;$p.journal.default_pic&lt;/a&gt;&lt;/td&gt;



&lt;td width="50%" align="center"&gt;



&lt;/td&gt;



&lt;/tr&gt;







&lt;tr&gt;



&lt;td colspan="3" class="compContent"&gt;



&lt;div&gt;&lt;b&gt;user:&lt;/b&gt; &lt;span class="ljuser" style="white-space:nowrap;"&gt;&lt;a href="http://www.livejournal.com/users/xopiecesofme3xo/info"&gt;&lt;img src="http://stat.livejournal.com/img/userinfo.gif" alt="userinfo" width="17" height="17" style="vertical-align:bottom; border:0;" /&gt;&lt;/a&gt;&lt;a href="http://www.livejournal.com/users/xopiecesofme3xo"&gt;&lt;b&gt;xopiecesofme3xo&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;



&lt;/div&gt;



&lt;/td&gt;



&lt;/tr&gt;	



&lt;/table&gt;



""";







print_comp_footer();



}


</code>
Post a new comment
Error

Anonymous comments are disabled in this journal
We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Your reply will be screened

Preview comment

Help
2 comments
Post a new comment
2 comments
Log in

Error
