You are on page 1of 3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.

org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLa nguageDirection$>"> <head> <title><$BlogPageTitle$></title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".rounded-img, .rounded-img2").load(function() { $(this).wrap(function(){ return '<span class="' + $(this).attr('class') + '" style="background:url( ' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />'; }); $(this).css("opacity","0"); }); }); </script> <style type="text/css"> /* ----------------------------------------------Made by Ashley @ BLUEBONFIRES.NET This and all credits should not be removed. Can be downloaded at blogskins.com/me/bluebonfires ----------------------------------------------- */ #navbar-iframe { display: none; } .container { width: 1000px; height: 100%; margin: 0 auto; background: transparen t; } #menu { width: 1000px; background: #eee; color: #fff; } #left { width: 320px; float: left; background: #fff; padding: 10px; } #content { float: right; height: 100%; width: 630px; padding: 0 10px 10px; backg round: transparent; text-align: justify; color: #666; } #content h1 { color: #555; padding-top: 10px; } *html #left { position: absolute; left: expression( ( 0 ( ignoreMe2 = document .documentElement.scrollLeft ? document.documentElement.scrollLeft : document.bod y.scrollLeft ) ) 'px' ); top: expression( ( 0 ( ignoreMe = document.documentElement.scrollTop ? documen t.documentElement.scrollTop : document.body.scrollTop ) ) 'px' ); } body { font-family: "Trebuchet MS", Arial; font-size: 12px; background: url(http ://img6.imageshack.us/img6/3831/2hxlldx.png) fixed; letter-spacing: .5px; line-height: 17px; color: #bbb; } a { color: #CD5C88; text-decoration: none; text-transform: uppercase; -webkit-tr ansition: color 1s ease-in; /*safari and chrome */ -o-transition: color 1s easein; /* opera */ } a:hover { cursor: move; color: #C9E09A; } b { color: #76C0B3; } u { color: #555; background: #F2DE7F; border-bottom: solid 2px #eee; } i { color: #C9E09A; font-weight: bold; } blockquote { background: #fafafa; text-align: justify; border-left: 5px solid #C 9E09A; padding: 5px; width: 400px; } h1 { font-family: Arial; font-size: 18px; color: #aaa; margin: 0; border-bottom: solid 2px #eee; text-transform: uppercase; text-align: right; padding-bottom: 2px; font-weight: normal; } img { opacity: 1; } img:hover { opacity: .7; cursor: help; } h2 { color: #76c0b3; font-family: Arial; font-weight: normal; font-size: 15px; f

ont-style: italic; padding: 0; margin: 0; text-align: right; } p.c a { text-transform: lowercase; } p.blogger-labels { text-align: right; } </style> </head> <body> <div id="header"><center><a href="<$BlogUrl$>"><img border="0" src="http://img60 0.imageshack.us/img600/1253/toph.png"></a></center></div> <div class="container">

<div id="left"><h1>Welcome</h1> <p><center><img width="300" height="125" src="http://i56.tinypic.com/2ez7l1e.png "></center> <div style="width: 300px; text-align: justify; padding: 0 10px; margin-top: 0;"> Write something like a welcome message here. Tell what your site or blog is all about. You can replace this picture with one of yourself or keep it.</div></p> <h1>Profile</h1> <p><img style="margin-right:0; padding-left: 5px;" align="right" 189.imageshack.us/img189/7140/89185630.jpg"> <div style="padding-left: 10px; padding-right: 10px; text-align: e some stuff about yourself here. Music, hobbies, favorite food, you are, blah blah blah. Write some stuff about you here. If you keep the icon, make sure ng enough!</p><br></div> src="http://img justify;"> Writ colors, how old your text is lo

<h1>Tagboard</h1> <p><!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="300" height="205" src="http://www2.cbox.ws/b ox/?boxid=2190943&amp;boxtag=gnp335&amp;sec=main" marginheight="2" marginwidth=" 2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px s olid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="300" height="90" src="http://www2.cbox.ws/bo x/?boxid=2190943&amp;boxtag=gnp335&amp;sec=form" marginheight="2" marginwidth="2 " scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px soli d;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX --></p> <h1>History</h1> <p align="right"><BloggerArchives> <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a> &laquo;<br> </BloggerArchives> </p> <h1>Credits</h1> <p class="c" align="right"><a target="_blank" href="http://blogskins.com/me/blue bonfires">blue</a><a target="_blank" href="http://www.bluebonfires.net">bonfires </a> &laquo; Layout<br> <a target="_blank" href="http://thefadingnight.blogspot.com">TheFadingNight</a> &laquo; Icon & Banner<br> <a target="_blank" href="http://fivepointsapart.blogspot.com">FivePointsApart</a > &laquo; Background</p> <p><br><center>&copy; <a href="<$BlogUrl$>"><$BlogTitle$></a></center></p>

</div> <div id="content"> <Blogger> <h1><$BlogItemTitle$></h1> <h2><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime $></h2> <p><$BlogItemBody$></p> </Blogger> <center><p><OlderPosts> <a href="<$OlderPosts$>">&laquo; Previous Entires</a> </OlderPosts> &nbsp; <NewerPosts> <a href="<$NewerPosts$>">Newer Entries &raquo;</a> </NewerPosts></p></center> </div> </div> </body> </html>