Blog Skins 363208

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st rict.
dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> <title>You're Not Coming Back Again</title> <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type ='text/css'> <script type="text/javascript" src="http://steampunkcola.webs.com/scripts/jquery .js"></script> <script type="text/javascript" src="http://steampunkcola.webs.com/scripts/jquery .easing.1.3.js"></script> <style type="text/css"> body {overflow-y:scroll;background:url('http://img801.imageshack.us/img801/5040/ 68688156.jpg');font-family:arial; font-size:11px; color:#444;letter-spacing:1px; line-height:15px;} #navbar-iframe{display:none;} select, input, text {background:#4B4B4B; color:#eee; padding:4px; border:1px sol id #444;font-family:arial; font-size:11px;} a {text-decoration:none; color:#111;outline:0;font-weight:bold} blockquote {background: #fcfcfc; border:1px dashed #eee; padding:5px;} li{list-style:none; padding:1px; display:block;color:#333; background:#F1F1F1;bo rder-bottom: 1px solid #ddd;margin-bottom:1px;} li a{list-style:none; padding:1px; display:block;color:#333; background:#F1F1F1; } .border{border:1px dashed #E0E0E0; padding:3px; margin-right:4px;} #main {-moz-box-shadow: 0 0 5px 5px #eee; -webkit-box-shadow: 0 0 5px 5px #eee;b ackground:#fff;width:800px; margin: 50px auto;padding:30px 20px;} .header {font-family: 'Lekton', arial, serif;color:#ECECEC;font-size:21px;font-w eight:bold;line-height:32px;text-shadow:1px 1px 1px #000;background:url('http:// img10.imageshack.us/img10/2997/stripe2155807f8e9df6638.png');padding-top:2px;pad ding-right:7px; text-align:right;width:500px;margin-bottom:40px; height:32px;flo at:right} .entry{margin-top:20px;} .h1{font-family: 'Lekton', arial, serif; color#333;font-size:18px;padding:4px} .h2{font-family: 'Lekton', arial, serif; color#333;font-size:18px;padding:0px 2p x 2px 2px; font-weight:normal;border-left:10px solid #BFD6D2;} .h3{font-family: 'Lekton', arial, serif; color#333;font-size:10px;padding:2px 2p x 0px 2px; font-weight:normal;border-left:10px solid #E0E9E0;margin-bottom:5px;} .h4{font-family: 'Lekton', arial, serif; color#333;font-size:18px;padding:2px 2p x 0px 2px; font-weight:normal;border-left:10px solid #BFD6D2;margin-bottom:5px;} #menu {background:url('http://img829.imageshack.us/img829/4305/striped5f1e5d364a 235371.png');position:relative; text-align:center; width:293px; height:34px;floa t:left;margin-bottom:40px;} #menu ul {margin:0; padding:0; list-style:none; display:inline; top:0;} #menu ul li {margin:0 5px; float:left;background:transparent;border-bottom:0px} #menu ul li a{margin:0 5px; float:left;background:transparent;border-bottom:0px; padding:0px} #menu #box {position:absolute; left:0; top:0; z-index:200; background:url('http: //img717.imageshack.us/img717/3946/tail.gif') no-repeat right center; height:35p x;padding-right:8px;margin-left:5px;} #menu #box .head {font-weight:bold;background:url('http://img836.imageshack.us/i mg836/4297/heado.gif') no-repeat 0 0;height:35px;color:#eee;white-space:nowrap;p adding-left:8px;padding-top:14px;} .block{display:inline-block;vertical-align: top;padding:5px;} a.link{list-style:none; padding:5px; display:inline-block;color:#333; background :#F1F1F1;border-bottom: 1px solid #ddd;margin-bottom:1px;} a.link:hover{list-style:none; padding:5px; display:inline-block;color:#fff; back
ground:#95B6A7;border-bottom: 1px solid #ddd;margin-bottom:1px;} </style> </head> <body> <div id="main"> <div class="header">YOU TOOK A LEFT OFF LAST LAUGH LANE</div> <div id="menu"> <ul> <li class="selected"><a href=""><img src="http://img825.imageshack.us/img825 /8894/rainbowt.png" width="32" height="32" alt="Home" title=""/></a></li> <li><span style="cursor: pointer;" onClick="changeNavigation('blog')"><img s rc="http://img807.imageshack.us/img807/4908/reportedit.png" width="32" height="3 2" alt="Entries" title=""/></span></li> <li><span style="cursor: pointer;" onClick="changeNavigation('profile')"><im g src="http://img26.imageshack.us/img26/5690/rolei.png" width="32" height="32" a lt="Profile" title=""/></span></li> <li><span style="cursor: pointer;" onClick="changeNavigation('site')"><img s rc="http://img228.imageshack.us/img228/2845/cupu.png" width="32" height="32" alt ="Site Info" title=""/></span></li> <li><span style="cursor: pointer;" onClick="changeNavigation('links')"><img src="http://img5.imageshack.us/img5/5072/bookaddressesl.png" width="32" height=" 32" alt="Links" title=""/></span></li> <li><a href="http://www.blogger.com/home"><img src="http://img84.imageshack. us/img84/6088/hatln.png" width="32" height="32" alt="Control Panel" title=""/></ a></li> </ul>  <div id="box"><div class="head"></div></div> </div> <div id="content"> <div class="block" style="width:460px;height:150px;"> <div class="h1">An Introduction</div> <img src="http://i39.photobucket.com/albums/e192/rhcp_csi/icons/MUSIC/arctic monkeys_01.jpg" class="border" align="left"> Hello. I am <b>LEVI</b> and I like crazy things. I merely spend my time web designing and reading books. I also excel in staring over flower pots. My ultimate crush is Liam Aiken and no, you can't touch h im. You can have barnacle man instead. Obviously, I am trying to make this a long intro so you might just want to replace this wit h your own stuff. Change the icon but don't forget to credit.<br> </div> <div class="block" style="width:290px;height:150px;"> <div class="h1">Portals</div> <li><a href="http://steampunkcola.livejournal.com">Blog</a></li> <li><a href="http://twitter.com/steampunkcola">Twitter</a></li> <li><a href="">Facebook</a></li> <li><a href="mailto:gallymoggers@live.com">Email</a></li> <li><a href="http://steampunkcola.livejournal.com/3190.html">Question?</a>< /li> </div> <div class="block" style="width:250px;"> <div class="h1">Go Back In Time</div> <center>Click the following options to view monthly archives<br>
<img src="http://img193.imageshack.us/img193/7464/stockb.jpg"class="border" > <select name="archivemenu" onchange= "document.location.href=this.options[this.selectedIndex].value;"> <option selected>That Bloody Mary's Lacking In Tabasco</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives> </select></center> </div> <div class="block" style="width:250px;"> <div class="h1">Tagboard</div> <center>Replace this code with your own tagboard<br>  <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="230" height="93" src="http://www4.cbox. ws/box/?boxid=4022316&boxtag=j85z3s&sec=main" marginheight="2" marginwid th="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0 px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="230" height="82" src="http://www4.cbox. ws/box/?boxid=4022316&boxtag=j85z3s&sec=form" marginheight="2" marginwid th="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div></div>  </center> </div> <div class="block" style="width:250px;"> <div class="h1">Random</div> <center><blockquote> Falling about<br> You took a left off Last Laugh Lane<br> You just sounded it out<br> You're not coming back again.<br></blockquote> <br>  <script> <!-document.write(unescape("%3Csmall%3Elayout%20by%20%3Ca%20href%3D%22http%3A/ /steampunkcola.livejournal.com%22%3Elevi*%3C/a%3E.%20%3Cbr%3E%0Anavi%20icons%20f rom%20%3Ca%20href%3D%22http%3A//www.iconarchive.com/show/farm-fresh-icons-by-fat cow.2.html%22%3Efatcow%3C/a%3E.%20%3Cbr%3E%0Aarctic%20monkeys%20icon%20from%20%3 Ca%20href%3D%22http%3A//community.livejournal.com/peak77/15543.html%22%3Erhcp_cs i%3C/a%3E%3C/small%3E")); //--> </script>  </center> </div> </div>  <div id="blog" style="display:none;"> <Blogger> <div class="block" >
<div ><a href="<$BlogItemPermalinkURL$>" class="h2"><$BlogItemTitle$></a>< /div> <div class="h3"><BlogItemCommentsEnabled> was posted at <$BlogItemDateTime$> with <a href="<$BlogItemCommentCreate$> " <$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled> </div><$BlogItemBody$> <br /> </div><br /> </Blogger> </div> <div id="profile" style="display:none;"> <div class="block" > <div class="h4">Profile</div> <img src="http://img217.imageshack.us/img217/1602/theobjectofmyaffection.p ng" class="border" align=left> <b>Name:</b> Levi (pen name)<br> <b>Description:</b> Awesome Hipster<br> <b>Lives in:</b> A sunny place<br> <b>Loves:</b> Liam Aiken!<br> <b>Last Seen:</b> Holding a cheeseburger. Eating until her guts falls out. <br> <b>Find On:</b> <a href="http://twitter.com/steampunkcola">twitter</a> | < a href="mailto:gallymoggers@live.com">mail</a> | <a href="http://www.blogskins.c om/me/steampunk">blogskins</a><br> </div></div> </div> <div id="site" style="display:none;"> <div class="block" > <div class="h4">Site</div> <b>Site Name:</b> TRETCHEV<br> <b>Site Description:</b> Awesome Blog<br> <b>Started:</b> April 25<br> <b>Others:</b> Edit these things xD I have put it randomly<br> </div> </div> </div> <div id="links" style="display:none;"> <div class="block" > <div class="h4">Linkage</div><br> <center> class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link class="link" href="http://steampunkcola.livejournal.com">link
<a <a <a <a <a <a <a <a <a <a <a <a <a
here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a>
<a class="link" <a class="link" <a class="link" <a class="link" <a class="link" <a class="link" <a class="link" <a class="link" <a class="link" </center> </div> </div>
href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link href="http://steampunkcola.livejournal.com">link
here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a>
</div>  </div>  <script type="text/javascript"> function changeNavigation(id) {document.getElementById('content').innerHTML=document.getElementById(id).innerH TML} </script> <script type="text/javascript"> $(document).ready(function () { //transitions //for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/ var style = 'easeOutExpo'; var default_left = Math.round($('#menu li.selected').offset().left - $('#menu' ).offset().left); var default_top = $('#menu li.selected').height(); //Set the default position and text for the tooltips $('#box').css({left: default_left, top: default_top}); $('#box .head').html($('#menu li.selected').find('img').attr('alt')); //if mouseover the menu item $('#menu li').hover(function () { left = Math.round($(this).offset().left - $('#menu').offset().left); //Set it to current item position and text $('#box .head').html($(this).find('img').attr('alt')); $('#box').stop(false, true).animate({left: left},{duration:500, easing: style }); //if user click on the menu }).click(function () { //reset the selected item $('#menu li').removeClass('selected'); //select the current item $(this).addClass('selected');
}); //If the mouse leave the menu, reset the floating bar to the selected item $('#menu').mouseleave(function () { default_left = Math.round($('#menu li.selected').offset().left - $('#menu').o ffset().left); //Set it back to default position and text $('#box .head').html($('#menu li.selected').find('img').attr('alt')); $('#box').stop(false, true).animate({left: default_left},{duration:1500, easi ng: style}); }); });
</script>  </body> </html>

Blog Skins 363208

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Blog Skins 363208

Uploaded by

Copyright:

Available Formats

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st rict.

here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a> here</a>

</script>  </body> </html>

You might also like