detailed and compact thread tracker dohtml

More Colors/Live Preview

Code: Select

[dohtml]

<style type="text/css">
.threadlinks a {color:#9ab1b7; }
.threadlinks a:hover {color:#888b81;  }
.lorrcopyright1 { font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;color:#fffaf7; background-color:#9ab1b7; width:80%; line-height:95%; padding:1px; }
</style>

<center><div style="width:420px; background-color:#d7dfd8; border:0px solid #dbd5c9; border-radius:0px;">
<table style="width:400px;"><br>
<div style="color:#fffaf7; background-color:#9ab1b7; width:75%; font-family: trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:4px; text-align: center;">character threads</div>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"><div class="threadlinks"><a href="">bio</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"><div class="threadlinks"><a href="">plot page</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"><div class="threadlinks"><a href="">cell phone</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"><div class="threadlinks"><a href="">additional link</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"><div class="threadlinks"><a href="">additional link</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"><div class="threadlinks"><a href="">additional link</a></div></td>
</tr>
</table>

<table style="width:400px;"><br>
<div style="color:#fffaf7; background-color:#9ab1b7; width:75%; font-family: trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:4px; text-align: center;">color key</div>
<tr>
  <th style="color:#888b81; background-color:#f6f1ee; width:25%; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;">Color</th>
  <th style="color:#888b81; background-color:#f6f1ee; width:75%; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;">Thread Status</th>  
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#d477b6; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"></td>
<td style="color:#9ab1b7; background-color:#fffaf7;  font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;">ongoing</td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#d4777d; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"></td>
<td style="color:#9ab1b7; background-color:#fffaf7;  font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;">dead</td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#77b4d4; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;"></td>
<td style="color:#9ab1b7; background-color:#fffaf7;  font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center;">complete</td>
</tr></table>


<table style="width:400px;"><br>
<div style="color:#fffaf7; background-color:#9ab1b7; width:75%; font-family: trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:4px; text-align: center;">threads with character A</div>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d477b6;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d4777d;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #77b4d4;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

</table>
<table style="width:400px;"><br>
<div style="color:#fffaf7; background-color:#9ab1b7; width:75%; font-family: trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:4px; text-align: center;">threads with character B</div>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d477b6;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d4777d;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #77b4d4;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

</table>
<table style="width:400px;"><br>
<div style="color:#fffaf7; background-color:#9ab1b7; width:75%; font-family: trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:4px; text-align: center;">threads with character C</div>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d477b6;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d4777d;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #77b4d4;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

</table>
<table style="width:400px;"><br>
<div style="color:#fffaf7; background-color:#9ab1b7; width:75%; font-family: trebuchet ms; font-size:9px; text-transform:uppercase; letter-spacing:4px; text-align: center;">threads with random characters</div>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d477b6;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d4777d;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>
<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #77b4d4;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

</table><br>
<div class="lorrcopyright1">thread tracker designed by lorreign of rpgd</div></div></center>[/dohtml]

ACTIVE/ONGOING THREAD CODE

Code: Select

<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d477b6;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

DEAD THREAD CODE

Code: Select

<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #d4777d;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

COMPLETED THREAD CODE

Code: Select

<tr>
<td style="color:#9ab1b7; background-color:#fffaf7; font-family: trebuchet ms; font-size:7px; text-transform:uppercase; letter-spacing:3px; text-align: center; border-left:15px solid #77b4d4;"><div class="threadlinks"><a href="">thread title thread title thread title</a></div></td>
</tr>

RULES

• Please leave my credit intact
• Please edit the colors to suit your board
• Love to know if you're using it by posting a reply to this thread!
• If the coding looks too intense for you to recolor, send me a pm and I might be willing to do it for you if I have the time.

I'm providing the code here to the blue one pictured here, but I also have a gray one if you go to the live preview. I have not taken the time to label the inputs so if you have trouble, give me a hollar.

Very nice!!!

That's pretty!!! I'll end up using it soon. Mind if I change the colors?

I'd prefer it if you did change the colors! Templates should match the skin

LOL, Thanks hon!

Love, love, love! It's a beautiful and versatile template. Using it here.