Ventriloquist

Here is a wonder-lovely layout for you to use! Isn't it great? Yeah, I know. -_- It's so much fun to use, you could be blogging like:

Ho Whoa Whoa!

Tuesday, December 29, 2009 | 8:41 p.m. | Metric - Sick Muse

Hup! This layout is over a year old, almost 2 years old! But hey, it's still as functional as ever, so here ya go.

New Layout! Thanks, Kelato!

Sunday, March 9, 2008 | 9:46 p.m. | Kanye West - Flashin Lights

I got this super cool layout! Doesn't it look awesome? I wish I could design hot things like Kelato. *sigh*

...Okay, okay, I know I need some humble pie, but let's get to the codes!

CSS Code

First of all, here's the CSS code, which you should put in a separate file from the main code. For this layout, name your code style.css, or whatever you want, but be sure to change it in the main code.

CSS:

body, td, p { font-family: Tahoma; font-size: 8pt; color: #deeed9; overflow-x:hidden;y:scroll; scrollbar-face-color : #667272; scrollbar-highlight-color : #8f9999; scrollbar-3dlight-color : #8f9999; scrollbar-shadow-color : #4f5757; scrollbar-darkshadow-color : #4f5757; scrollbar-track-color : #33292c; scrollbar-arrow-color : #deeed9; } a:link, a:visited, a:active { text-decoration: none; font-weight: bold; font-size: 8pt; color: #fdfefc; } a:hover { text-decoration: none; color: #d3d1d1; font-style:italic; cursor: nw-resize; } a.nav:link, a.nav:visited, a.nav:active { text-decoration: none; font-family: Trebuchet MS; font-weight: bold; font-size: 9pt; line-height: 9pt; color: #ba7130; background-color: #deeed9; display: block; margin: 1px; margin-bottom: -14px; padding: 0px; padding-left: 1px; padding-right: 1px; padding-bottom: -10px; border-right: 4pt solid #667272; } a.nav:hover { text-decoration: none; font-family: Trebuchet MS; font-style: none; font-size: 9pt; line-height: 9pt; color: #949d2f; background-color: #deeed9; cursor: nw-resize; display: block; margin: 1px; margin-bottom: -14px; padding: 0px; padding-left: 1px; padding-right: 1px; padding-bottom: -10px; border-right: 4pt solid #667272; text-align: center; } .textarea, input { font-size:8pt; font-family: Trebuchet MS; color: #33292c; } h1 { font-size: 10pt; font-family: Tahoma; font-weight: bold; text-align: left; color: #ffffff; background-image:url(http://i190.photobucket.com/albums/z224/chkmic8/77words_patterns6_068.gif); line-height:8pt; margin: 0; margin-top: 1px; margin-bottom: 1px; padding: 0px; padding-bottom: 0px; border: 1pt solid #33292c; } h2 { font-size:9pt; font-family: Trebuchet MS; text-align: right; color: #a6b80f; line-height:8pt; margin: 0; margin-top: 1px; margin-bottom: 1px; padding: 0px; padding-bottom: 0px; border-bottom: 0px solid :#f1dcab; } h3 { font-size:8pt; font-family: Trebuchet MS; text-align: right; color: #a6b80f; line-height:8pt; margin: 0; margin-top: 1px; margin-bottom: 1px; padding: 0px; padding-bottom: 0px; border-bottom: 1px dashed #a6b80f; } .td { font-size:8pt; font-family: Trebuchet MS; color: #4e444f; background-color: #dcdbdd; border-bottom: 1px dashed #dcd620; } b {color: #ba483a; } i {color: #dbbc3f; font-weight: bold; } u {color: #94b7c8;} s {color: #d5bd89;}

HTML Code

Here's the main enchilada:

<html> <head> <title>SITE NAME HERE</title><center> <link rel="stylesheet" type="text/css" href="style.css"> <body bgcolor=#33292c> <table style="border: 4px solid #ffffff" cellpadding=0 cellspacing=0><tr> <td width=303px height=318px colspan=2 background="http://i190.photobucket.com/albums/z224/chkmic8/ventriloquist.jpg"> <tr> <td bgcolor=#4e444f width=231 valign=top> <div style="padding-left: 3px; padding-right: 16px;"> <div align="justify"> <h1>Header One</h1> Header one! Header one! Header one! Header one! Header one! Header one! <b>Header one!</b> Header one! Header one! Header one! Header one! Header one! Header one! <i>Header one!</i> Header one! Header one! Header one! Header one! <h2>Header Two</h2> Header two! Header two! <u>Header two!</u> Header two! Header two! Header two! Header two! Header two! Header two! Header two! Header two! Header two! Header two! Header two! Header two! <s>Header two!</s> Header two! Header two! <h3>Header Three</h3> Header three! <b>Header three!</b> Header three! <i>Header three!</i> <a href=http://#>Header three!</a> Header three! Header three! Header three! Header three! Header three! Header three! Header three! Header three! Header three! Header three! </div> <td width=105 bgcolor=#4e444f valign=top><div style="padding-left: 1px; padding-right: 0pt;"> <div align="justify"> <h1>Sidebar</h1>Here be deh sidebar.<h1>Links</h1>Here be deh links:<p> <a href=http://#>Link</a><br><a href=http://#>Link</a><br> <a href=http://#>Link</a><br><a href=http://#>Link</a><h1>CSS</h1> Here be deh CSS:<p> <b>Bold</b> <i>Italics</i> <u>Underline</u> <s>Strikethrough</s> <h1>Nav Links</h1>Here be deh nav links:<p> <a href="http://#" class="nav">Link</a><br> <a href="http://#" class="nav">Link</a><br> <a href="http://#" class="nav">Link</a><br> <a href="http://#" class="nav">Link</a><br> <a href="http://#" class="nav">Link</a><br> <h1>Credits</h1> <---DO NOT REMOVE THESE LINKS!!!---> <a href="http://masterjinn.deviantart.com/gallery/" target="_blank">masterjinn@deviantart</a><br> <a href="http://foto_decadent.livejournal.com" target="_blank">Foto Decadent</a><br> <a href="http://urbanstrokes.livejournal.com" target="_blank">Urban Strokes</a> </tr></td></table> </center> </body></html>

Ta Da!

Yay! The technical part is over! Now you can enjoy your lovely layout!

Oh yeah, and remember, credit is appreciated but not required.