Layout Help?, help greatly appreciated Options

[sariebearxx]

Okay I used Fuused LJ Layout generator, and it really didn't come out the way I planned

here is the code:

CODE

FRIENDS_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td width="100%" align="center">
<center><font color="#66A7F1">
<a href="http://livejournal.com/users/sariebearxx">Entries</a>    
<a href="http://livejournal.com/users/sariebearxx/calendar">Archives</a>    
<b>Friends</b>    
<a href="http://www.livejournal.com/userinfo.bml?user=sariebearxx&mode=full">Profile</a>    
<a href="http://sariebearxx.livejournal.com/" target="_blank">My LJ</a></font>
</center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr><td colspan="2" width="100%" align="right" class="comments">
%%readlink%%<a href="%%urlpost%%">Comment</a>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td width="100%" align="center">
<center><font color="#66A7F1">
<a href="http://livejournal.com/users/sariebearxx">Entries</a>    
<a href="http://livejournal.com/users/sariebearxx/calendar">Archives</a>    
<a href="http://livejournal.com/users/sariebearxx/friends">Friends</a>    
<a href="http://www.livejournal.com/userinfo.bml?user=sariebearxx&mode=full">Profile</a>    
<a href="http://sariebearxx.livejournal.com/" target="_blank">My LJ</a></font>
</center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<tr><td colspan="2" width="100%" align="right" class="comments">
%%readlink%%<a href="%%urlpost%%">Comment</a>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>say it right</title>
<style type="text/css">

<!--

a {
  text-decoration:none;
  font-weight:normal;
  color:#4f4d65;
}

a:hover {
  text-decoration:line-through;
  font-weight:normal;
  color:#4f4d65;
  cursor:;
}

img,body,div,tr,td,a:hover{ cursor:crosshair; }

body {
  background-image: url("http://i143.photobucket.com/albums/r128/sariebearxx/LiveJournal/ljheaderv1.png") !important;
  background-attachment: scroll !important;
  background-color:#66A7F1;
  background-position:center 35px;
  background-repeat:no-repeat;
  margin-top:300;
  scrollbar-face-color:#66A7F1;
  scrollbar-highlight-color:#66A7F1;
  scrollbar-shadow-color:#66A7F1;
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#000000;
  scrollbar-track-color:#66A7F1;
  scrollbar-darkshadow-color:#000000;
  cursor:crosshair;
}

.die {
  display:none;
}

table {
  border:2px dotted #B8BCC8;
  width:725;
  align:center;
}

td table td.meta { font-size:0px; }
.entrybox td.meta { font-size:8pt; }
p table td table td.index { font-size:8pt; padding-left:10px; color:#000000; text-align:left; }
table table td.caption { font-weight:normal; }
td.meta a { font-size:8pt; padding-left:100%; padding-left:10px;
position:relative; bottom:3px; }

table table {
  width:100%;
  border:none;
  align:center;
}

table table table {
  width:auto;
  border:none;
  align:center;
}

div {
  width:100%;
  align:center;

.entrybox table table {
  width:auto;
  border: none;
}
  
table table table table {
  border:none;
  width:auto;
}


.comments,
.caption,
.show,
.meta,  
tr,
td,
table,
body,
.show {
  font-size:8pt;
  font-family:"tahoma";
  color:#000000;
  text-align:justify;
  text-transform:none;
}

tr.caption {
  display:none;
}
  
.index {
  align:center;
  text-align:center;
}

.entrybox .index {
  text-align:right;
  align:right;
  color:#66A7F1;
}

.caption {
  text-align:left;
  align:left;
  text-transform:none;
}

.comments {
  align:right;
  text-align:right;
}

.shadowed {
  display:none;
}

.caption img {
  width:10px;
  height:10px;
  hspace:0px;
  vspace:0px;
  position:relative;
  top:1px;
  margin:0px;
  padding:0px;
}

.ljuser a b {
  font-weight:bold;
}

.ljuser a img {
  width:10px;
  height:10px;
  padding:0px;
  margin:1px;
}
  
.caption {
  font-weight:bold;
}
  
.meta {
  align:center;
  text-align:center;
}
.entrybox .meta {
  align:right;
  text-align:right;
}
  
td {
  background-color:#66A7F1;
}
  
div.meta,
div {
  display:inline !important;
}

td.meta { align:center; }
  
body p {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}
  
.entrybox p {
  margin-top:25px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}

.entrybox .index {
  color:#66A7F1;
}

.show {
  position:relative;
  left:5px;
  padding-right:1px;
  padding-left:4px;
  background:#66A7F1;
}

table table table td.meta b {
  text-transform:none;
}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td colspan="2" width="100%" align="right" class="comments">
%%readlink%%<a href="%%urlpost%%">Comment</a>
</td></tr>
<=FRIENDS_TALK_LINKS

DAY_DATE_FORMAT=><span class="show"></span>

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>  

LASTN_OPT_ITEMS=>20

LASTN_DATE_FORMAT=><span class="show"></span>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>  

CALENDAR_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td width="100%" align="center">
<center><font color="#66A7F1">
<a href="http://livejournal.com/users/sariebearxx">Entries</a>    
<b>Archives</b>    
<a href="http://livejournal.com/users/sariebearxx/friends">Friends</a>    
<a href="http://www.livejournal.com/userinfo.bml?user=sariebearxx&mode=full">Profile</a>    
<a href="http://sariebearxx.livejournal.com/" target="_blank">My LJ</a></font></center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td align="center" width="100%">
<center><font color="#66A7F1">
<b>Entries</b>    
<a href="http://livejournal.com/users/sariebearxx/calendar">Archives</a>    
<a href="http://livejournal.com/users/sariebearxx/friends">Friends</a>    
<a href="http://www.livejournal.com/userinfo.bml?user=sariebearxx&mode=full">Profile</a>    
<a href="http://sariebearxx.livejournal.com/" target="_blank">My LJ</a></font>
</center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT=><span class="show"></span>

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

but I was hoping for the text to be smaller and I had really wanted a background image aswell as a header
also I wanted the entry boxes in blue not white not to mention I wanted a different date layout...but I didn't know how to do that

http://sariebearxx.livejournal.com/

thats the link to my LJ, I was wondering if anyone could help me out at all, it would be greatly appreciated

oh yeah, I'm not a complete stranger to CSS but coding for LJ, well its extremely confusing for me

[Mulder]

you can add a header and background in S1 and S2. S2 is pure css, while S1 is html. whatever you prefer.

i'd explain it to you myself, but oxygen has not made its way back to my brain yet, so i'll just point you here