Blogdrive's Infected Improved

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>[title]</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<STYLE type="text/css">
html {
scrollbar-face-color: #8E9F8E;
scrollbar-highlight-color: #9AA69A;
scrollbar-shadow-color: #506150;
scrollbar-dark-shadow-color: #203A2A;
scrollbar-3d-light-color: #9AB6C4;
scrollbar-track-color: #8B9D8E;
scrollbar-arrow-color: #000000
}
body{
background-color: #343434;
font: 8pt verdana, arial, helvetica;
color : #789C8F;
margin: 0px;
padding: 0px;
}
.header {
color: #789C8F;
font: 8pt verdana, arial, helvetica
}
td {
color: #789C8F;
font: 8pt verdana, arial, helvetica
}
p {
color: #789C8F;
font: 8pt verdana, arial, helvetica
}
a:link {
color: #B8CDFD;
text-decoration: none
}
a:visited {
color: #B8CDFD;
text-decoration: none
}
a:hover {
color: #CFBA08;
text-decoration: none;
}
.calendar {
color: #789C8F;
font: 7pt verdana, arial, helvetica;
text-decoration: none
}
a.calendar2:link {
color: #B8CDFD;
font: 7pt verdana, arial, helvetica;
text-decoration: none
}
a.calendar2:visited {
color: #B8CDFD;
font: 7pt verdana, arial, helvetica;
text-decoration: none
}
a.calendar2:hover {
color: #cfba08;
font: 7pt verdana, arial, helvetica;
text-decoration: none;
}
a.disabled {
color: #789C8F;
font: 7pt verdana, arial, helvetica;
text-decoration: none
}
.date {
border: #B8CDFD 1px solid;
padding-left: 10px;
color: #8c95a9;
font: 8pt verdana, arial, helvetica
}
.blog {
padding-right: 5px;
padding-left: 5px;
padding-top: 5px
}
.blogtitle {
color: #839486;
font: 8pt verdana, arial, helvetica;
font-weight: bold;
padding-right: 5px;
padding-left: 5px;
line-height: 14px;
padding-top: 10px
}
.blogbody {
padding-right: 5px;
line-height: 14px;
font-size: 8pt
}
.posted{
color: #577A7E;
font: 7pt verdana, arial, helvetica
}
a.comments:link {
color: #B8CDFD;
font: 7pt verdana, arial, helvetica;
text-decoration: none
}
a.comments:visited {
color: #B8CDFD;
font: 7pt verdana, arial, helvetica;
text-decoration: none
}
a.comments:hover {
color: #CFBA08;
font: 7pt verdana, arial, helvetica;
text-decoration: none;
}
.side2 {
padding-right: 2px;
padding-left: 4px;
font-weight: normal;
font-size: 8pt;
background: #343434;
padding-bottom: 2px;
color: #789C8F;
line-height: 14px;
padding-top: 2px;
font-family: verdana, arial, helvetica
}
input.btn{
background-color: #8E9F8E;
border: 1px solid;
border-color: #000000;
color: #FFFFFF;
font: 7pt verdana, arial, helvetica
}
.notif {
font: 7pt verdana, arial, helvetica;
color: #808080
}
.txt9 {
background: #8E9F8E;
border: #1A201A 1px solid;
color: #FFFFFF;
font: 7pt verdana, arial, helvetica;
width : 105px
}
input.sbtn {
background-color: #B4C0C3;
border: 1pt solid #000000; 
font-family: verdana; 
color: #000000; 
font-size: 8pt;
}
input.sfld {
background-color: #B4C0C3;
border: 1pt solid #000000; 
font-family: verdana; 
color: #000000; 
font-size: 8pt;
}

/* css for extended areas begin */
.exte {
background: #4A6B5D;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
color: #D8DFDD;
font-size: 8pt;
font-weight: normal;
font-family: arial, verdana,  sans-serif
}
.extk {
background: #4A616B;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
color: #D8DFDD;
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 : 450px;
}
.cpost {
font: 8pt verdana, helvetica, arial;
color: #000000;
font-weight: bold
}
.ctr1 {
background-color: #B4C0C3;
}
.ctr2 {
background-color: #B4C0C3;
}
.ctd1 {
background-color: #343434;
color: #D8DFDD;
font: 8pt verdana, helvetica, arial;
padding: 5px
}
a.cta:link {
color: #394D5A;
font: 8pt verdana, helvetica, arial;
font-weight: bold;
text-decoration: none
}
a.cta:visited {
color: #394D5A;
font: 8pt verdana, helvetica, arial;
font-weight: bold;
text-decoration: none
}
a.cta:hover {
color: #973D11;
font: 8pt verdana, helvetica, arial;
text-decoration: none;
font-weight: bold;
border-bottom: 0px dashed
}
textarea.ct {
background-color: #B4C0C3;
border: 1pt solid #000000; 
font-family: verdana; 
color: #000000; 
font-size: 8pt;
}
input.ct {
background-color: #B4C0C3;
border: 1pt solid #000000; 
font-family: verdana; 
color: #000000; 
font-size: 8pt;
}
/* css for perma comments end */

/* css for tag board */
div.cont1 {
background: none #CC9966;
border: solid #666666 1px;
color: #000000;
margin: 0px;
padding: 0px;
text-align: center;
width: 165px
}
div.cont2 {
background: none #CC9966;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #CCCCCC 1px;
border-bottom: solid #CCCCCC 1px;
color: #000000;
margin: 0px;
padding: 0;
text-align: center;
}
.tagframe {
border: 1px solid;
color: #808080;
font: 8pt verdana, arial, helvetica;
background: #000000;
width: 160px;
height: 168px
}
.tagurl {
width: 166px;
background: #666666;
border: 1px solid #000000;
border-top-color: #000000;
border-left-color: #000000;
border-bottom-color: #FFFFFF;
border-right-color: #FFFFFF;
font: 8pt verdana, arial, helvetica;
color: #FFFFFF
}
.tagmsg {
width: 166px;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#007070;
scrollbar-dark-shadow-color:#007070;
scrollbar-track-color: #B7B284; 
scrollbar-face-color:#a09008;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#007070;
scrollbar-darkshadow-color:#007070;
scrollbar-shadow-color: #FFFFFF;
background: #666666;
border: 1px solid #333333;
border-top-color: #333333;
border-left-color: #000000;
border-bottom-color: #FFFFFF;
border-right-color: #FFFFFF;
color: #FFFFFF;
font: 8pt verdana, arial, helvetica;
overflow: auto
}
.tagname {
width: 95px;
background: #666666;
border: 1px solid #333333;
border-top-color: #333333;
border-left-color: #000000;
border-bottom-color: #FFFFFF;
border-right-color: #FFFFFF;
font: 8pt verdana, arial, helvetica;
color: #FFFFFF
}
.tagbtn {
width: 45px;
border: 1px solid #000000;
border-style: solid;
border-top-color: #FFFFFF;
border-left-color: #FFFFFF;
border-bottom-color: #000000;
border-right-color: #000000;
background: #8E9F8E;
color: #E4E4E2;
font: 7pt verdana, arial, helvetica;
}
</STYLE>

</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td align="center" class="header">
[header html]
</td>
</tr>
</table>
</div>
<br>
<table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
<tr>
<td valign="top" width="252" background="http://tmp.blogdrive.com/layout12/images/top1.gif">
<img src="http://tmp.blogdrive.com/layout12/images/top1.gif" width=2 height=18 border=0 alt=""></td>
<td width="13"><img src="http://tmp.blogdrive.com/layout12/images/top2.gif" width=13 height=18 border=0 alt=""></td>
<td valign="top" background="http://tmp.blogdrive.com/layout12/images/top3.gif">
<img src="http://tmp.blogdrive.com/layout12/images/top3.gif" width=2 height=18 border=0 alt=""></td>
</tr>
</table>

</td>
<td valign="top" align="left"><img src="http://tmp.blogdrive.com/layout12/images/clear.gif" width=10 height=1 border=0 alt=""></td>
<td valign="top" align="left">

</td>
</tr>
</table>
</div>
<div align="center">
  <center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
  
  <tr> 
    <td width="25%" rowspan="3" valign="top"> <div align="center"> 
        <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#343434" border="0" style="border-collapse: collapse">
          <tr> 
            <td valign="top"> <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td valign="top" width=52> <img src="http://tmp.blogdrive.com/layout12/images/cn_topl.gif" width=52 height=9 border=0 alt=""></td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_topc.gif" width="100%"><img src="http://tmp.blogdrive.com/layout12/images/clear.gif" width=40 height=1 border=0 alt=""></td>
                  <td valign="top" width=52> <img src="http://tmp.blogdrive.com/layout12/images/cn_topr.gif" width=52 height=9 border=0 alt=""></td>
                </tr>
              </table>
              <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_leftb.gif" valign="top" width=18> 
                    <img src="http://tmp.blogdrive.com/layout12/images/cn_left.gif" width=18 height=48 border=0 alt=""></td>
                  <td width="100%" align="left"> <div class="side2"> 
                      
                      [profile image] <br>
                      [profile] <br>
                      <br>
                      <div align="center">[tag board]</div>
                      <br>
                      [gallery]
                      [search] [polls]
                      [favorites]
                    </div>
                    
                    <br>
                    design &amp; editted : <a href="http://dustyhawk.blogdrive.com" target="_blank">dustyhawk</a></td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_rightb.gif" valign="top" width=18> 
                    <img src="http://tmp.blogdrive.com/layout12/images/cn_right.gif" width=18 height=48 border=0 alt=""></td>
                </tr>
              </table>
              <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td valign="top" width=26> <img src="http://tmp.blogdrive.com/layout12/images/cn_bottoml.gif" width=26 height=15 border=0 alt=""></td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_bottomc.gif" width="100%"><img src="http://tmp.blogdrive.com/layout12/images/clear.gif" width=50 height=1 border=0 alt=""></td>
                  <td valign="top" width=26> <img src="http://tmp.blogdrive.com/layout12/images/cn_bottomr.gif" width=26 height=15 border=0 alt=""></td>
                </tr>
              </table></td>
          </tr>
        </table>
      </div></td>
    <td width="50%" height="298" valign="top"> <div align="center"> 
        <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#343434" border="0" style="border-collapse: collapse">
          <tr> 
            <td valign="top"> <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td valign="top" width=52> <img src="http://tmp.blogdrive.com/layout12/images/cn_topl.gif" width=52 height=9 border=0 alt=""></td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_topc.gif" width="100%"><img src="http://tmp.blogdrive.com/layout12/images/clear.gif" width=40 height=1 border=0 alt=""></td>
                  <td valign="top" width=52> <img src="http://tmp.blogdrive.com/layout12/images/cn_topr.gif" width=52 height=9 border=0 alt=""></td>
                </tr>
              </table>
              <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_leftb.gif" valign="top" width=18> 
                    <img src="http://tmp.blogdrive.com/layout12/images/cn_left.gif" width=18 height=48 border=0 alt=""></td>
                  <td width="100%" align="left"> 
                    
                    <div align=center>[search fields]</div>
                    <DIV CLASS="blog"> <blog> <dateheader> 
                      <DIV CLASS="date">[date]</DIV>
                      </dateheader> 
                      <DIV CLASS="blogtitle">[blog title]</DIV>
                      <DIV CLASS="blogbody"> 
                        <p>[body] 
                        <DIV CLASS="exte">[extended entry]</DIV>
                        <DIV CLASS="extk">[extended keywords]</DIV></p>
                        <DIV CLASS="posted">Posted at [time] by [author]<br>
                          [comments] &nbsp; [permalink]<br>
                          <br>
                          [comment data] </DIV>
                      </DIV>
                      <datefooter> </datefooter> </blog> </DIV>
                    <table width="98%" align="center">
                      <tr> 
                        <td width="33%">[previous page]</td>
                        <td width="33%" align=center>[bloghome]</td>
                        <td width="33%" align=right>[next page]</td>
                      </tr>
                    </table>
                    
                  </td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_rightb.gif" valign="top" width=18> 
                    <img src="http://tmp.blogdrive.com/layout12/images/cn_right.gif" width=18 height=48 border=0 alt=""></td>
                </tr>
              </table>
              <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td valign="top" width=26> <img src="http://tmp.blogdrive.com/layout12/images/cn_bottoml.gif" width=26 height=15 border=0 alt=""></td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_bottomc.gif" width="100%"><img src="http://tmp.blogdrive.com/layout12/images/clear.gif" width=50 height=1 border=0 alt=""></td>
                  <td valign="top" width=26> <img src="http://tmp.blogdrive.com/layout12/images/cn_bottomr.gif" width=26 height=15 border=0 alt=""></td>
                </tr>
              </table></td>
          </tr>
        </table>
      </div></td>
    <td width="25%" rowspan="2" valign="top"> <div align="center"> 
        <table cellspacing="0" cellpadding="0" width="100%" bgcolor="#343434" border="0" style="border-collapse: collapse">
          <tr> 
            <td valign="top"> <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td valign="top" width=52> <img src="http://tmp.blogdrive.com/layout12/images/cn_topl.gif" width=52 height=9 border=0 alt=""></td>
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_topc.gif" width="100%"><img src="http://tmp.blogdrive.com/layout12/images/clear.gif" width=40 height=1 border=0 alt=""></td>
                  <td valign="top" width=52> <img src="http://tmp.blogdrive.com/layout12/images/cn_topr.gif" width=52 height=9 border=0 alt=""></td>
                </tr>
              </table>
              <table width="100%" border=0 cellpadding=0 cellspacing=0 bgcolor="343434">
                <tr> 
                  <td background="http://tmp.blogdrive.com/layout12/images/cn_leftb.gif" valign="top" width=18> 
                    <img src="http://tmp.blogdrive.com/layout12/images/cn_left.gif" width=18 height=48 border=0 alt=""></td>
                  <td width="100%" align="left"> <div class="side2"> 
                      <div align="center" id="calendar"> [calendar] </div>
                      <br>
                      [side html] <br>
                      <br>
                      [contact form] <br>
                      <br>
                      <div align="left" class="notif"> [notification] </div>
                      <br>
                      <div align="center">[hitcounter]</div><br>
                      [rss]<br>

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 03:22 pm on Friday, August 20, 2004 by Marianne

Leave a Comment:

Name

Homepage (optional)

Comments

Baharuddin
October 22, 2008 03:31 AM PDT

thanks a lot nice template
joy
November 17, 2005 02:43 PM PST

nice layout :)
Raven_Fairy1
November 1, 2005 01:51 PM PST

I like this layout very good work :)
crazyguy24
September 10, 2005 07:39 PM PDT

Awesome layout. I'm usingit right now.
Static Brain
August 20, 2005 03:54 AM PDT

I love the three column layout. Awesome
Seige
March 7, 2005 04:58 PM PST

You can move the [tag board] tag to the right hand side, right beneath or above the [calendar] tag.

To change the font look for this at the top of the HTML:
body{
background-color: #343434;
font: 8pt verdana, arial, helvetica;
color : #789C8F;
margin: 0px;
padding: 0px;
}

Change color : #789C8F; into #CC0000

That should do the trick.
kirks
March 7, 2005 04:47 PM PST

erh,I'd like to put the commentbox on the right and change the font color to red. How do I do that?
i tried changing the font color thingy,but it doesn't work
sk
November 16, 2004 02:21 AM PST

Nice one :)

Previous Entry Next Entry Home