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