ughh, confusion Options

[caatie]

haha.
i feel like such a total loser, but i'm lost.
i mean absolutely lost.
which is sad because i love html.
but ergh.

LAYOUT I WANT TO USE:

CODE

<!-- start code provided by createblog.com -->
LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>

<div class="links">
<a href="http://livejournal.com/~turntable">Recent Entries</a>
<a href="http://livejournal.com/~turntable/calendar">Archive</a>
<a href="http://livejournal.com/~turntable/friends">Friends</a>
<a href="http://livejournal.com/~turntable/info">User Info</a>
<a href="%%url%%">Website</a>
</div>

<div id="content">
<div class="column">
<div class="columncontent1"><b>About</b><div class="columnitem">
<center><img src="http://www.livejournal.com/userpic/1899893/371509" style="visibility: visible; position: relative;"><br>
<a href="http://livejournal.com/~turntable/info"><img src="http://stat.livejournal.com/img/userinfo.gif" border=0 style="visibility: visible; position: relative;"><a href="http://livejournal.com/~turntable">turntable</a></center>

</div></div>

<div class="columncontent2"><b>Currently</b><div class="columnitem">
<div id="Layer1" style="border:0px solid #C1DAD2; position:relative; width:145; height:100px; z-index:1; overflow: auto; overflow-x: hidden;">
<img src="http://i7.photobucket.com/albums/y271/mythoughtcrime/adhesive/24s1.jpg" border="1" style="visibility: visible; position: relative;" align="left"> 24<br><p><br><p><br><p><br>
  <img src="http://i7.photobucket.com/albums/y271/mythoughtcrime/adhesive/12monkeys.jpg" border="1" style="visibility: visible; position: relative;" align="right"> 12 Monkeys<br><p><br><p><br><p><br><img src="http://i7.photobucket.com/albums/y271/mythoughtcrime/adhesive/funeraldiner.jpg" border="1" style="visibility: visible; position: relative;" align="left"> Funeral Diner<br>
</div>
</div></div>

<div class="columncontent3">Control Panel<div class="columnitem">
<a href="http://www.livejournal.com/editjournal.bml">Edit Journal</a></div>
<div class="columnitem"><a href="http://www.livejournal.com/friends/">Edit Friends</A></div>
<div class="columnitem"><a href="http://www.livejournal.com/editinfo.bml">Edit Info</a></div>
<div class="columnitem"><a href="http://www.livejournal.com/editpics.bml">Edit Userpics</a></div>
<div class="columnitem"><a href="http://www.livejournal.com/memories.bml">Memories</a></div>
</div></div>

<div class="header">
<img src="http://pics.livejournal.com/adhesive/pic/0000pgf0/s640x480" style="visibility: visible; position: relative;"></div>

</div>
</div>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
          background-color: #FFFFFF;
          background-image: url(http://pics.livejournal.com/adhesive/pic/0000q1dx);
          background-attachment: scroll;
          background-repeat: yes-repeat;
          background-position:;
          overflow-x: hidden;
      margin-top: 202px;
          overflow:-moz-scrollbars-vertical;
}

table {   top: 300px;
      margin-bottom: -19px;
}

.shadowed img{
      visibility:hidden;position:absolute;top:0
}


table {   width: 465px;
          margin-left: 290px;
          margin-right: 100%;
      border-left: 0px solid #000000;
          border-top: 1px solid #000000;
          border-right: 0px solid #000000;
          border-bottom: 1px solid #000000;
}

table table {
          width: 100%;
          margin:0;
          border: 0;
}

table table table {
          width: auto;
}



p table {
          border: 0px solid #000000;
          background-color: #FFFFFF;
          padding-right: 10px;
          padding-left: 10px;
      border-left: 0px solid #000000;
          border-top: 0px solid #000000;
          border-right: 1px solid #000000;
          border-bottom: 0px solid #000000;
}

p table table {
          border: 0;
}

/* universal font face */
body, td, font, div, p {
          font-size: 11px;
          font-face: verdana;
          line-height: 14px;
          text-align: justify;
}

/* displayed title of livejournal */
td.caption {
          font-size: 11px;
          color: #000000;
}

/* top right navigation links */
.index {
          font-size: 11px;
          color: #000000;
}

/* displayed user name in top banner */
td div {
          font-size: 11px;
          color: #000000;
}

/* top banner main navigation links */
table table table table td.meta {
          font-size: 11px;
          color: #000000;
}

/* display of date and time */
p .index2 {
          font-size: 9px;
          text-transform: none;
          font-family: verdana;
          font-weight: bold;
          color: #747474;
          text-align: center;
}

p .index {
          color:#000000;
}


/* subject of journal entries */
p table table td.caption {
          font-size: 11px;
          text-decoration: underline;
          font-family: verdana;
          color: #747474;
}

/*date and time*/
          table.entrybox td.index{
          font-size: 10px;
          font-weight: bold;
          text-transform: uppercase;
          color: #ffffff;
          border: 0;
}

/* displayed text in journal entries */
td {
          font-size: 11px;
          font-family: verdana;
          line-height: 14px;
          color: #000000;
}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
          font-size: 9px;
          font-family: tahoma;
          color: #000000;
}

.entrybox td {
      text-align: justify;
}

.entrybox td.index, .entrybox td.comments {
      text-align: left;
}

.entrybox a.index font {
          color: #FFFFFF;
}

A          {
          color: #8A851C;
          text-decoration: none;
}

A:Active   {
          color: #8A851C;
          text-decoration: none;
}

A:Visited  {
          color: #8A851C;
          text-decoration: none;
}

A:Hover    {
          color: #9C983E;
          text-decoration: none;
}

.lefttab {
          color: #000000;
          font-face: verdana;
          font-size: 11px;
          line-height: 14px;
          text-align: justify;
}

.lefttab a:link {
          text-decoration: none;
          color: #8A851C;
}

.lefttab a:hover {
          text-decoration: none;
          color: #9C983E;
          font-weight: none;
}


.lefttab a:active {
          text-decoration: none;
          color: #8A851C;
          font-weight: none;
}

.lefttab a:visited {
          text-decoration: none;
          color: #8A851C;
}

.comments {
      border-bottom: 0px solid #D0BA98;
      background-color: #EFEFCE;
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 11px;
}

.comments a:link {
          text-decoration: none;
          padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98
}

.comments a:active {
          text-decoration: none;
          padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98
}

.comments a:visited {
          text-decoration: none;
          padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98
}

.comments a:hover {          
          text-decoration: none;
      padding-top: 4px;
      padding-bottom: 4px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98;
          background-color: #D4D393;
}

#content{
      visibility: visible;
      display: inline;
}

.shadowed div.header{
      display: block;
      position: absolute;
      left: 50%;
      width: 600px;
      margin-left: -376px;
      top: 5px!important;
      top: 5px;
}

.shadowed div.column{
      display: block;
      position: absolute;
      left: 50%;
      width: 175px;
      margin-left: -376px;
      top: 278px!important;
      top: 278px;
}

.shadowed div.columncontent1{
      display: block;
      border-left: 1px solid #000000;
          border-top: 1px solid #000000;
          border-bottom: 0px solid #000000;
          background: #FFFFFF;
      padding: 5px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 11px;
      color: #000000;
      margin-bottom: 0px;
}
.shadowed div.columncontent2{
      display: block;
      border-left: 1px solid #000000;
          border-top: 0px solid #000000;
          border-bottom: 0px solid #000000;
      background: #FFFFFF;
      padding: 5px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 11px;
      color: #000000;
      margin-bottom: 0px;
}
.shadowed div.columncontent3{
      display: block;
      border-left: 1px solid #000000;
          border-top: 0px solid #000000;
          border-bottom: 1px solid #000000;
        background: #FFFFFF;
        padding: 5px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 11px;
      color: #000000;
      margin-bottom: 0px;
}


.shadowed div.columnitem{
      display: block;
      border: 0px;
      background: #EFDE94;
      color: #000;
      padding: 5px;
      margin-top: 5px;
}

.shadowed div.links{
      display: block;
      width: 600px;
      position: absolute;
      top: 257px;
      left: 50%;
      margin-left: -245px;
}
.links a{
      border: 0px;
      background: #FFFFFF;
      text-decoration: none;
      color: #000;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      font-weight: normal;
      display: block;
      float: left;
      margin: 0 1px;
}
.links a:hover{
      text-decoration: none;
      color: #000;
      background: #E4CC6E;
      font-weight: normal;
}


-->
</style>
<title>turntable @ livejournal</title>
<=GLOBAL_HEAD

DAY_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
<a class="comments" href="%%urlpost%%">Comment</a> %%readlink%% <a class="comments" href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a>  <a class="comments" href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>
</td>
</tr>
<=DAY_TALK_LINKS

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" style="text-align: left" class="comments">
<a class="comments" href="%%urlpost%%">Comment</a> %%readlink%% <a class="comments" href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a>  <a class="comments" href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>
</td>
</tr>
<=LASTN_TALK_LINKS

FRIENDS_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" style="text-align: left" class="comments">
<a class="comments" href="%%urlpost%%">Comment</a> %%readlink%% <a class="comments" href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a>  <a class="comments" href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

DAY_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #000000; font-size: 10px; text-decoration: uppercase; font-weight: bold;">%%daylong%% %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

LASTN_TALK_READLINK=><a class="comments" href="%%urlread%%">%%messagecount%% Comment%%mc-plural-s%%</a>

LASTN_OPT_ITEMS=>25
FRIENDS_OPT_ITEMS=>25

LASTN_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #747474; font-size: 10px; text-decoration: uppercase; font-weight: bold;">%%daylong%% %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

FRIENDS_TALK_READLINK=><a class="comments" href="%%urlread%%">%%messagecount%% Comment%%mc-plural-s%%</a>

FRIENDS_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #747474; font-size: 10px; text-decoration: uppercase; font-weight: bold;">%%daylong%% %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

DAY_TALK_READLINK=><a class="comments" href="%%urlread%%">%%messagecount%% Comment%%mc-plural-s%%</a>
<!-- end code provided by createblog.com -->

now,what do i change?
& how do i change it?
ahahah. im sorry.
someone help?

[caatie]

gah, sorry i was so vague.
my fault.
the layout, how it's supposed to look is on this page.

well:
are there things i need to change?
are there things that need tweaking?
do i have to play with the code a little bit?
do i have to put usernames, different numbers, ect. to make it all work.

in other words,
1. copy code.
2. paste in override box.
3. now what?