The Cutting Edge

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>Comments</title>

<STYLE TYPE=text/css>
html{
scrollbar-face-color: #a3b1ba;
scrollbar-highlight-color: #f2f2f4;
scrollbar-shadow-color: #97a8c6;
scrollbar-3dlight-color: #646464;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #96a3ab;
scrollbar-darkshadow-color: #646464
}
body,td{
font-family : verdana, arial, helvetica;
font-size : 8pt;
color : #333333;
margin-left: 0;
margin-top: 0;
margin-right: 4;
margin-bottom: 0;
}
p {
color: 000000;
font: 8pt verdana, helvetica, arial
}
.txt1 {
border:0;
background-color:394D59;
width:150;
color: "#F3F8FE";
}
.txt2 {
font-size: 9pt;
color : #333333;
font-family: verdana, arial, sans-serif
}
.txt3 {
font-size: 8pt;
color : #333333;
font-family: verdana, arial, sans-serif
}
A:link {
color:#394D59;
text-decoration:none;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
font-weight:bold
}
A:visited {
color:#394D59;
font-size: 8pt;
text-decoration:none;
font-weight:bold
}
A:active {
color:#394D59;
font-size: 8pt;
text-decoration:none;
font-weight:bold
}
A:hover {
color:#394D59;
font-size: 8pt;
text-decoration:;
font-weight:bold
}
input, textarea {
background-color: #B4C0C3;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
input.btn{
background-color: #ff9900;
border: 1px solid;
border-color: #666666;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 8pt;
font-weight: bold
}
input.btn2{
background-color: #808080;
border: 1px solid;
border-color: #666666;
color: #ffffff;
font-family: verdana, arial, helvetica;
font-size: 8pt;
font-weight: bold
}
</style>

</head>

<body>

<BR>

<CENTER>
<B>
Entry: <FONT COLOR="830211">[blog title]</FONT></B> [date]
</CENTER>

<SPAN CLASS="txt1">
   [number] comments
</SPAN>

[comments]

</div>

</BODY>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <meta name="copyright" content="http://design.blogdrive.com/">
 <title>[title]</title>
 <style type="text/css">
  body{
   text-align:center;
   font:8px 'Verdana';
   background: #1F5DB2 url('/images/279cuttingedge.jpg') fixed top right no-repeat;
   scrollbar-arrow-color:#1F006C;
   scrollbar-face-color:#005BC2;
   scrollbar-highlight-color:#005BC2;
   scrollbar-shadow-color:#005BC2;
   scrollbar-3dlight-color:#005BC2;
   scrollbar-darkshadow-color:#005BC2;
   scrollbar-track-color:#005BC2;}
  .container{
   position:relative;
   width:640;
   padding:20px;}
  .nav{
   position:relative;
   float:left;
   width:200;
   padding:5px;
   text-align:justify;
   font:11px 'Verdana';
   line-height:15px;
   color:#009DD4;
   background-color:#FFFFFF;
   border:4px solid #009DD4;
   overflow-x:auto;}
  .entry{
   position:relative;
   float:right;
   width:390;
   padding:10px;
   text-align:justify;
   font:11px 'Verdana';
   line-height:15px;
   color:#009DD4;
   background-color: #FFFFFF;
   border:4px solid #1F006C;
   overflow-x:auto;}
  .big{
   font:13px;
   font-weight:bold;}
  .small{
   font:10px;}
  a:link{
   color:#000000;
   text-decoration:none;}
  a:visited{
   color:#000000;
   text-decoration:none;}
  a:hover{
   color:#1F006C;
   text-decoration:none;}
  a:active{
   color:#000000;
   text-decoration:underline;}
  input, textarea{
   font:11px 'Verdana';
   color:#39CAFF;
   background-color:#005BC2;
   border:1px solid #1F006C;}

#header{
font-weight:bold;
font-style:italic;
color:#009DD4;
font-size:50px;
}

.calendar{
color: #1F006C;
font: 7pt verdana, helvetica, arial;
font-weight: bold;
}
a.calendar2:link {
font: 7pt verdana, arial, helvetica;
color:0133B2;
text-decoration: none
}
a.calendar2:visited {
font: 7pt verdana, arial, helvetica;
color:0133B2;
text-decoration: none
}
a.calendar2:hover {
color:1F006C;
text-decoration: underline;
}
.disabled {
font: 7pt verdana, arial, helvetica;
color: #39CAFF;
text-decoration: none
}
input.btn{
background: #005BC2;
border: #000000 1px solid;
font: 8pt verdana, arial, helvetica;
color: #FFFFFF;
font-weight: bold
}
.notif {
font: 7pt verdana, arial, helvetica;
color: #1F006C
}
.txt9 {
background: #FFFFFF;
border: 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width : 105px
}
input.sbtn {
background-color: #009DD4;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
input.sfld {
background-color: #009DD4;
border: 1pt solid #000000;
font-family: verdana;
color: #FFFFFF;
font-size: 8pt;
}
.division {
margin-top: 5px;
margin-bottom: 5px;
}

/* css for extended areas begin */
.exte {
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
color: #333333;
font-size: 8pt;
font-weight: normal;
font-family: arial, verdana,  sans-serif
}
.extk {
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
color: #333333;
font-size: 8pt;
font-weight: normal;
font-family: arial, verdana,  sans-serif
}
/* css for extended areas end */

/* css for perma-comments begin */
.ctable1 {
border: 0px solid;
width : 100%;
}
.cpost {
font: 8pt verdana, helvetica, arial;
font-weight: bold
}
.ctr1 {
background-color: #FFFFFF;
}
.ctr2 {
background-color: #FFFFFF;
}
.ctd1 {
background-color: #009DD4;
color: #000000;
font: 8pt verdana, helvetica, arial;
padding: 5px
}
a.cta:link {
color: #0133B2;
font: 8pt verdana, helvetica, arial;
font-weight: bold;
text-decoration: none
}
a.cta:visited {
color: #0133B2;
font: 8pt verdana, helvetica, arial;
font-weight: bold;
text-decoration: none
}
a.cta:hover {
color: #1F006C;
font: 8pt verdana, helvetica, arial;
text-decoration: none;
font-weight: bold;
border-bottom: 0px dashed
}
textarea.ct {
background-color: #FFFFFF;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
input.ct {
background-color: #FFFFFF;
border: 1pt solid #000000;
font-family: verdana;
color: #000000;
font-size: 8pt;
}
/* css for perma-comments end */

/* CSS for tag board */
div.cont1 {
width: 175px
}
div.cont2 {
}
.tagframe {
background: #FFFFFF;
BORDER: #000000 1px solid;
font: 8pt verdana, arial, helvetica;
color: #808080;
width: 175px;
height: 200px;
}
.tagurl {
background: #FFFFFF;
border: #000000 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width : 175px
}
.tagmsg {
background: #FFFFFF;
border: #000000 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width : 175px;
overflow: auto
}
.tagname {
background: #FFFFFF;
border: #000000 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width: 95px
}
.tagbtn {
background: #FFFFFF;
border: #000000 1px solid;
font: 7pt verdana, arial, helvetica;
color: #808080;
width: 45px
}
 </style>
 </head>
 <body>

 <center>

<center>
<div id="header">
[header html]
</div>
</center>

<div class="container" style="width: 640px; height: 558px">
 <div class="nav">
  <b>Profile</b><br />
   [profile image]<br />
   [profile]<br /><br />

<b>Calendar</b><br />
   <center>[calendar]</center>
<br />
<br />

<b>Tagboard</b><br />
  [tag board]<br />
<br />
  <b>Links</b><br />
  [side html]<br />
  [gallery] [favorites] [polls] [search]<br />
  [contact form]<br />
  <div align="left" class="notif">
   [notification]
  </div>
  [hitcounter]
  [rss]<br />
<br />

<b>Credits</b><br />

Design: <a href="http://whoneeds.blogdrive.com/" target="_blank">WaterDragon</a>   <br />
<br />

<br>
<div align=center><div style="width:90px;background:#009DD4;border:1px solid #1F006C;text-align:left;display:block;"><a href="http://design.blogdrive.com/" title="Blogdrive Design Layouts" style="font:8pt verdana;color:#1F006C;background:#009DD4;font-weight:bold;text-decoration:none;">BLOGDRIVE</a></div><div style="width:90px;background:#1F006C;text-align:right;display:block;"><a href="http://design.blogdrive.com/" title="Blogdrive Design Layouts" style="font:8pt verdana;color:#009DD4;background:#1F006C;font-weight:bold;text-decoration:none;">TEMPLATES</a></div></div>
<br><center><a href="http://www.blogdrive.com"><img src="http://img.blogdrive.com/bd4.gif" border="0" alt="" width="120" height="30"></a></center>

</div>
 <div class="entry">
[search fields]
<blog>
  <font class="big">[blog title]</font>
   <br />
  <font class="small">[date]</font>
   <br /><br />
       [body]

<br>
  <DIV CLASS="exte">[extended entry]</DIV>
  <DIV CLASS="extk">[extended keywords]</DIV><br />
       Posted by [author] at [time]<br />

[comments] [permalink] [comment data]<br />
   <center>_______________</center><br /><br /></blog>
  <table width="98%" align="center" style="font-size:9pt">
   <tr>
   <td width="33%">[previous page]</td>
   <td width="33%" align=center>[bloghome]</td>
   <td width="33%" align=right>[next page]</td>
   </tr>
  </table>  </div>
 </div>
 </center>

</body>
</html>

Your browser does not support JavaScript or has been disabled. Please update your browser version or enable your JavaScript to view the content

Posted at 04:59 am on Monday, June 19, 2006 by Admin

Leave a Comment:

Name

Homepage (optional)

Comments

katrina
October 11, 2006 01:11 PM PDT

great layouts! thanks for making them available for html-challenged people like me.

Previous Entry Next Entry Home