Code eigen layout
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>
<EMBED src="/pub/Naam_van_je_blog/music.mp3" type=audio/mpeg autostart='true' hidden='true' loop='true'>
<!-- Definitie -->
<style>
table {
font: 9pt "trebuchet ms", arial, sans-serif
}
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>
<!-- Einde definitie -->
</head>
<!-- Definitie 20six Navigatiebar -->
<style type="text/css">
.navCont { position: absolute; float: left; top: 0px; left: 0px; height: 21px; margin-bottom: 6px; }
.navBar { background: #f2f2f2; border-bottom: 1px solid black; }
.navBarFont { font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000; }
.navBarLeft { color: #de0808; text-decoration: none; font-weight: normal; }
:link.navBarLeft { color: #de0808; text-decoration: none; font-weight: normal; }
:visited.navBarLeft { color: #de0808; text-decoration: none; }
:active.navBarLeft { color: #de0808; text-decoration: none; }
:hover.navBarLeft { color: #de0808; text-decoration: underline; }
.navBarRight { color: #000;text-decoration: none; font-weight: normal; }
:link.navBarRight { color: #000; text-decoration: none; font-weight: normal; }
:visited.navBarRight { color: #000; text-decoration: none; }
:active.navBarRight { color: #000; text-decoration: none; }
:hover.navBarRight { color: #de0808; text-decoration: underline; }
.subcontentbold {
FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
</style>
<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>
<!-- Einde definitie 20six Navigatiebar -->
<!-- Begin Fotolayer (Pen) -->
<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>
<!-- Einde Fotolayer (Pen) -->
<!-- Begin Hoofdlayer (Weblogtekst) -->
<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>
<!-- Einde Hoofdlayer (Weblogtekst) -->
<!-- Begin 20sixlinks -->
<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>
<!-- Einde 20sixlinks -->
<!-- 20six Weblog -->
<div id="blog" style="position: absolute; left: 350px; top: -162px; width: 498px; z-index:1; height:81px">
<div class="blog">
<!-- 20six blogcode -->
<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>
<!-- Einde 20six blogcode -->
</body>
</html>
