Asymmetry
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: #666666;
font-family: arial, verdana, sans-serif;
background-image:
url(http://static.flickr.com/99/261295174_4d03c4426c_o.jpg);}
.title {
font-family: arial, verdana, sans-serif;
font-size: 64px;
font-weight: bold;
color: #ffffff;
text-align: left;
border: 0px solid;
background-color: #a21800;
width: 500px;
height: 150px;
padding: 10px;
margin-left: 60px;
top: 10px;
position: absolute;
background-image: none;}
.quip {
font-family: arial, verdana, sans-serif;
font-size: 20px;
font-weight: bold;
color: #000000;
text-align: left;
border: 1px solid #a6a6a6;
background-color: #dadada;
width: 270px;
height: 50px;
padding: 10px;
margin-left: 580px;
top: 50px;
position: absolute;
}
.maincontent {
font-family: arial, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: justify;
border: 0px solid;
background-color: #ffffff;
width: 600px;
margin-left: 120px;
top: 160px;
padding: 10px;
padding-right: 50px;
position: absolute;
}
.menubox {
font-family: arial, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-align: left;
border: 0px solid;
background-color: #a21800;
width: 170px;
margin-left: 745px;
top: 90px;
padding: 10px;
position: absolute;
}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}
h2 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}
h3 {
font-family: arial, verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}
ul {
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #000000;
display: block;
}
li {
list-style-type: none;
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #704300;
}
#b-navbar {
height:0px;
visibility:hidden;
display:none;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
a:link {
color:#ffffff;
font-family: arial, verdana, sans-serif;
letter-spacing: 0px;
text-decoration: none;}
a:visited {
color:#000000;
font-family: arial, verdana, sans-serif;
letter-spacing: 0px;
text-decoration: none;}
a:hover {
font-family: arial, verdana, sans-serif;
border-bottom: 1px solid #666666;
letter-spacing: 0px;
color:#000000;}
</style>
<BlogSiteFeed><link rel="alternate"
type="application/rss+xml"
title="RSS" href="<$BlogSiteFeedUrl$>"
/></BlogSiteFeed><$BlogRSDUrl$>
</head>
<body>
<div class="title"><ItemPage><a href="<$BlogURL$>">
</ItemPage><$BlogTitle$>
<ItemPage></a></ItemPage></div>
<div class="quip">blog description goes here</div>
<div class="maincontent">
<Blogger>
<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>
<br />
<br />
</Blogger></div>
<div class="menubox">
<$BlogMemberProfile$><br/><br/>
<hr/>
<MainOrArchivePage>
<h2>Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>">
<$BlogArchiveName$>
</a></li></BloggerArchives>
</ul>
</MainOrArchivePage>
<br/>
<hr/>
<h2>menu</h2>
<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://http://www.google.com">Edit Link</a></li>
<li><a href="http://http://www.google.com">Edit Link</a></li>
<li><a href="http://http://www.google.com">Edit Link</a></li>
<li><a href="http://http://www.google.com">Edit Link</a></li>
<li><a href="http://http://www.google.com">Edit Link</a></li>
<li><a href="http://http://www.google.com">Edit Link</a></li>
</ul>
<hr/>
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="0px"
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!