Confused about LJ coding Options

[megggnasty]

basically, all i want is a really simple layout that i can do myself with a few codes.
aaaand i was wondering if it is as simple as sticking in style codes (link styles, etc.)?
i've never been able to figure out livejournal coding... HELP!

simple like this: http://users.livejournal.com/_perfectperfume/
that's my friend's livejournal and i've been trying forever to figure out how to get mine like it.

i know nothing. :D

[megggnasty]

thanks, i'm reading the page now. c:

i used the code given in that thread, but it isn't exactly working.
it isn't setting the link styles the way i put them, gaaah.
do you know how i can get my layout like this, but with the same idea of what i have now?

here is my livejournal.
and here is the coding i have done (using the help thread you showed me):

CODE

LASTN_HEAD<=

<title>lala</title>
<style type="text/css">
<!--

body {
SCROLLBAR-ARROW-COLOR: #CEAF80;
SCROLLBAR-BASE-COLOR: #000000;
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

BODY, TD {font-family:verdana, sans-serif;color:#000000;font-size:10;}
A:link {color: "#4A372E"; text-decoration:bold}
A:visited {color: "#4A372E"; text-decoration:none}
A:hover { text-decoration:underline bold; color:"#6E533E"; cursor:crosshair; }

body {
overflow-x: hidden;
margin-left: 218;
margin-top: 20
}

body {
background-image: url('http://i11.tinypic.com/2z55g5f.jpg');
background-attachment:scroll;
background-repeat: repeat;
}

table, tr, td, .shadowed {
background: #C8B187;
}

table {
width: 350px;
margin-left: 2%;
margin-right: 51%;
}
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>

LASTN_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>Name&gt;</b></font> &nbsp;
<p><font color="#ffffff"><b>Country&gt;</b></font> &nbsp;</p>
<p><font color="#ffffff"><b>Personality&gt;</b></font> &nbsp; </p>
<p><font color="#ffffff"><b>Likes</b>&gt;</font> &nbsp;
<p><font color="#ffffff"><b>Hates</b>&gt;</font> &nbsp;<p><font color="#ffffff"><b>&nbsp;Bands&gt;</b></font> &nbsp;
<p><font color="#ffffff"><b>Features</b>&gt;</font> Amy Lee by <a href="www.livejournal.com/users/ley_chan>Ashley</a>
<p><font color="#ffffff"><b>Send me a line</b>&gt;</font> <a href="aim:goim?screenname=insert sn&
message=Hey>AIM</a>, <a href="Url">Link</a>, <a href="mailto:insertemail">email</a>

</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

this is so confusing.