Simply Gray
Kinda simple...something different. Inspired by my block-like doodling while talking on the phone.Scroll down to get the copy and paste code.
Click on the image for a larger version.
Highlight the code between the asterisk bars and then copy and paste into your template to see how it looks. If you like it, keep it!
***********************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> Edit Title</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="description" content="" />
<meta name="keywords" content="blog, miru designs, enter keywords here, seperated with commas" />
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="expires" content="-1" />
<meta name="robots" content="index, follow" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="author" content="Content Author: miru designs" />
<meta http-equiv="pragma" content="no-cache" />
<style type="text/css" media="all">
body {
margin: 0px;
padding: 0px;
background-color: #cccccc;
background-image: url(http://i106.photobucket.com/albums/m249/bmiru/graybackground.jpg);
font-family: arial, verdana, sans-serif;
}
.title {
font-family: lucida-sans, arial, sans-serif;
font-size: 62px;
font-weight: bold;
text-align: center;
color: #666666;
background-color: #ffffff;
border: 10px solid #333333;
padding-top: 40px;
letter-spacing: 2px;
width: 800px;
height: 130px;
margin-left: 70px;
top: 20px;
}
.maincontent {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
border: 0px solid #8DC1E6;
width: 900px;
padding: 30px;
margin-left: 30px;
position: relative;
}
.textarea {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: justify;
color: #333333;
background-color: #ffffff;
padding: 20px;
width: 650px;
border: 10px solid #666666;
margin-left: 175px;
top: 10px;
line-height: 16px;
position: relative;
}
.menubox {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
background-color: #ffffff;
text-align: left;
border: 10px solid #999999;
width: 155px;
padding: 10px;
line-height: 16px;
margin-left: 30px;
top: 180px;
position: absolute;
}
h1 {
font-family: lucida sans,arial,sans-serif;
font-size: 20px;
font-weight: bold;
text-align: left;
color: #333333;
}
h2 {
font-family: lucida sans,arial,sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #333333;
}
h3 {
font-family: arial, helvetica, sans-serif;;
font-size: 10px;
font-weight: normal;
text-align: left;
color: #333333;
}
#b-navbar {
height:0px;
visibility:hidden;
display:none;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
ul {
font-family: arial, helvetica, sans-serif;
font-weight: normal;
text-align: left:
color: #666666;
line-height: 20px;
}
li {
font-family: arial, helvetica, sans-serif;
font-weight: normal;
text-align: left:
color: #666666;
}
a:link {
color:#333333;
font-family: arial, helvetica, sans-serif;
letter-spacing: 0px;
text-decoration: none;}
a:visited {
color:#666666;
font-family: arial, helvetica, sans-serif;
font-weight: italic;
letter-spacing: 0px;
text-decoration: none;}
a:hover {
font-family: arial, helvetica, sans-serif;
border-bottom: 1px solid #666666;
letter-spacing: 0px;
color:#666666;
}
</style>
<body>
<div class="maincontent">
<div class="title"><ItemPage><a href="<$BlogURL$>"></ItemPage><$BlogTitle$><ItemPage></a></ItemPage></div>
<Blogger>
<div class="textarea">
<h1><BlogItemTitle><$BlogItemTitle$><a name="<$BlogItemNumber$>"></a></BlogItemTitle></h1>
<div class="date"><i><BlogDateHeader>
<$BlogDateHeaderDate$></BlogDateHeader></i></div>
<br/><br/>
<$BlogItemBody$><br/>
<MainOrArchivePage><BlogItemCommentsEnabled><a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$>
comments</a></BlogItemCommentsEnabled></MainOrArchivePage>
<$BlogItemControl$>
<ItemPage>
<BlogItemCommentsEnabled><a name="comments"></a>
<h3><$BlogItemCommentCount$> Comments:</h3>
<ul>
<BlogItemComments>
<li id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
<p><$BlogCommentBody$></p>
<em>By <$BlogCommentAuthor$>, at <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$></em>
</li><br/><br/>
</BlogItemComments>
</ul>
<h3>
<$BlogItemCreate$>
<br />
</BlogItemCommentsEnabled>
</h3>
</ItemPage>
<a href="<$BlogItemPermalinkURL$>"></a> <a href="<$BlogItemPermalinkURL$>">permalink</a></div>
<br />
</Blogger></div>
<br />
<br />
<div class="menubox">
<$BlogMemberProfile$><br/><br/>
<hr/>
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
<li><a href="http://www.google.com">Edit Link</a></li>
</ul>
<br/>
<hr/>
<MainOrArchivePage>
<h2>Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a
href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li></BloggerArchives>
</ul>
</MainOrArchivePage>
<br/>
<hr/>
<br/>
Designed by <a href="http://mirudesigns.blogspot.com">miru designs</a>
<br/>
<p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" border="0" alt="Powered by Blogger" /></a></p>
</div>
</body>
</html>
***********************************
This template can be customized to suit your taste in color or to add images of your choice. The cost for customization is $25 USD payable through PayPal.
If you are interested in a template created especially for you, please email me at mirudesigns@gmail.com for a consultation.
Thanks for visiting miru designs!