Friends Options

[eccentricity]

Okay so. I'm new with lj and coding and all that, so I have a very very simple layout. But how do I make my friends page look like this? And there's this thing on the left side which means that a picture isn't showing up.. and I'm not exactly sure what that is. Link

CODE

LASTN_HEAD<=

<title>yue liang dai biao wo de xin</title>
<style type="text/css">
<!--

body {

}

BODY, TD {font-family:arial;color:#000000;font-size:10;}
A:link {color: "#000000"; text-decoration:underline}
A:visited {color: "#000000"; text-decoration:line-through}
A:hover { text-decoration:none; color:"#000000"; cursor:crosshair; }


body {
overflow-x: hidden;
margin-left: 250;
margin-top: 100;
text-align: justify;
background-color: #ffffff;
background-image: url(http://i6.photobucket.com/albums/y231/serendipityx3/qwerty.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: bottom right;
}


table, tr, td, .shadowed {
background: transparent;
}

table {
width: 400px;
margin-left: 0%;
margin-right: 100%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->
</style>
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
</xx-head>


<xx-p>
<=LASTN_HEAD

LASTN_TALK_READLINK=><a href="%%urlread%%">[%%messagecount%% Comments]</a>

LASTN_WEBSITE<=
<div style="position: absolute; left: 53; top: 534; width: 172; height: 362; z-index: 2">
<center><img src="ICONURLHERE" width="100" height="100"></center>
<p align=left><font color="#ffffff"><b>michelle></b></font>  

</div>
<img
src="" class="x" width="#" height="#">



<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=LASTN_TALK_LINKS

[*Libertie*]

CODE

LASTN_WEBSITE<=
<div style="position: absolute; left: 53; top: 534; width: 172; height: 362; z-index: 2">
<center><img src="ICONURLHERE" width="100" height="100"></center>
<p align=left><font color="#ffffff"><b>michelle></b></font>  

</div>
<img
src="" class="x" width="#" height="#">



<=LASTN_WEBSITE

^You don't need any of that. That's the broken image that's showing up, so it's not necessary. :)

And to make it show up on your Friends page, change LASTN_HEAD to GLOBAL_HEAD.

Then add this for your comments:

CODE

FRIENDS_TALK_LINKS<=
<table>
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%% <a href="%%urlpost%%">[Comments]
</a> <center><br>
</center></td>
</tr>
<=FRIENDS_TALK_LINKS

It's the same thing you had for LASTN_TALK_LINKS just copied over to work on your friends page. If you haven't figured out by my post, "LASTN" only applies to your main entries page. There is also FRIENDS which applies to your friends page, CALENDAR which applies to your calendar page, and DAY which applies to really old entries that just display the entire day. GLOBAL applies to everything, but is mostly only useful for GLOBAL_HEAD.

[eccentricity]

Thank you so much! ^^