Code eigen layout - merlijn1

Ok mensen, ondertussen is het roosje1987 ook gelukt met wat hulp van mij, hierbij de code voor dit blogvoorbeeld , doe er je voordeel mee. Lees ook de blogs hieronder voor de procedure ..... En experimenteer lekker verder natuurlijk, het moet wel een uitdaging blijven ....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Voorbeeld Weblog</title>

body {
background: #000000;
color: #867D7E;
margin:0px 0px 0px 0px;
padding:0px;
font:11px helvetica, sans-serif, verdana, arial, courier, courier new, times new roman, geneva, georgia, palatino, andale mono;
}

#top {
position: absolute;
top: 0px;
left: 0px;
}

#top2 {
position: absolute;
top: 75px;
left: 440px;
}

#blog {
position: absolute;
top: 300px;
left: 40px;
width: 420px;
}

#menu {
position: absolute;
top: 300px;
left: 499px;
width: 260px;
}

.sidetitle {
padding: 10px;
color: #867D7E;
text-align: left;
font-weight: bold;
  }

.linkbox {
padding: 10px;
color: #867D7E;
text-align: left;
font-weight: bold;
  }


.box {
padding: 10px;
      }

.blog {
padding: 20px;
}

img {
border:none;
}

a {
text-decoration:none;
color: #867D7E;
}

a:link {
color: #867D7E;
      }

a:visited {color: #867D7E;}

a:hover {
text-decoration:underline;
color: #665233;
   }

<!--
  #the20sixBar {
   width: 100%;
   position: absolute;
   top: 0px;
   left: 0px;
   padding: 6px;
   padding-left: 16px;
   padding-right: 16px;
   background: #f2f2f2;
   border-bottom: 1px solid #333;
   color: #333;
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
  }

  #the20sixBar a:link, #the20sixBar a:visited, #the20sixBar a:hover, #the20sixBar a:active {
   text-decoration: none;
   font-weight: normal;
   color: #de0808;
  }

</style>

</head>

<div class="navCont" style="position: absolute; left: 0px; top: 0px; height: 35px; visibility:visible; z-index:2" id="twentysix">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
    <td height="21" align="center" valign="middle" class="navBar">
  $[anonymous$
  <table border="0" cellpadding="0" cellspacing="0" width="730">
   <tr>
    <td valign="middle" class="navBarFont" nowrap="nowrap"><a href="http://www.20six.nl" class="navBarLeft"><b>20six</b> Startpagina - Klik hier om de wereld van het bloggen te betreden </a>    </td>
    <td align="right" class="navBarFont" nowrap="nowrap" valign="right">    <a href="http://www.20six.nl/home/registerUser1.htm" class="navBarLeft">Hier binnen 2 minuten je eigen weblog opzetten</a></td>
   </tr>
  </table>
  $]anonymous[$
  <table border="0" cellpadding="0" cellspacing="0" width="730">
   <tr>
    <td valign="middle" class="navBarFont" nowrap="nowrap"><a href="http://www.20six.nl" class="navBarLeft"><b>20six</b> Startpagina</a>    </td>
    <td align="center" class="navBarFont" nowrap="nowrap" valign="middle"><a href="http://www.20six.nl/weblogs/overview.htm" class="navBarLeft">Mijn 20six</a>    Ingelogd als: <a href="http://www.20six.nl/weblogs/overview.htm" class="navBarLeft">$login$</a>    $[isAuthor$<a href="http://www.20six.nl/weblogCategory/$categoryId$?p=0" class="navBarLeft">Weblog bewerken</a>    $isAuthor]$</td
    ><td align="right" class="navBarFont" nowrap="nowrap" valign="middle"><a href="http://www.20six.nl/home/logoutSubmit.htm" class="navBarRight">Uitloggen</a>    <a href="http://www.20six.nl/home/search.htm" class="navBarRight">Zoeken</a>    <a href="http://www.20six.nl/help/default.htm" class="navBarRight">Help</a></td>
   </tr>
  </table>
  $anonymous]$
</td>
</tr>
</table></div>

<div id="Foto" style="position: absolute; left: 1px; top: 1px; width: 260px; height: 332px; z-index: 0">
<img border="0" src="{URL_IMAGE(pen.jpg<,merlijn20023)}/A>" width="443" height="332">
</div>

<div style="position: absolute; width: 498px; height: 69px; z-index: 3; left:356px; top:76px" id="Hoofd">
<p align="center"><img border="0" src="{URL_IMAGE(webloghoofd.gif<,merlijn20023)}/A>" width="379" height="45">
</div>

<div style="position: absolute; width: 269px; height: 132px; z-index: 2; left:7px; top:319px" id="links">
<div class="linkbox">
            <TABLE cellSpacing=0 cellPadding=6 width="100%" border=0>
              <TBODY>
              <TR>
                <TD>$[linkLists ll$ <SPAN
                  class=subcontentbold>$ll.linkListName$</SPAN><BR><IMG height=5
                  src="$weblogTitle$ $pageTitle$_files/space.gif" width=1
                  border=0><BR>
                  <TABLE cellSpacing=0 cellPadding=0 width="100%"
                    border=0>$[links l$ $[l.linkExists$
                    <TBODY>
                    <TR>
                      <TD class=contenttext vAlign=top>•</TD>
                      <TD class=link11>$[l.isWeblog$ <A class=link11
                        href="$l.weblogRootURL$"
                        target=_blank>$l.weblogName$</A> $]l.isWeblog[$ <A
                        class=link11 href="$l.link$"
                        target=_blank>$l.linkName$</A> $l.isWeblog]$
                    </TD></TR>$l.linkExists]$ $links]$
                    <TR>
                      <TD colSpan=2><IMG height=8
                        src="$weblogTitle$ $pageTitle$_files/space.gif" width=2
                        border=0></TD></TR></TBODY></TABLE>$linkLists]$
            </TD></TR></TBODY></TABLE>
</div>

<div id="blog" style="position: absolute; left: 350px; top: -162px; width: 498px; z-index:1; height:81px">
<div class="blog">

<div class="content">$layoutContent$

  <div id="footer" style="width: 439px; height: 72px">
          <p align="center">
          <font color="#867D7E">De gegevens en inhoud zichtbaar op Voorbeeld
   Weblog zijn voor de verantwoording van Voorbeeld. 20six is hiervoor
   niet verantwoordelijk. Meer informatie lees je</font>
          <a href="http://www.20six.nl/legal/disclaimer.htm" target="_blank">
   hier</a>.
        </div>

</body>

</html>