Runaway together: aintnochick

Designer's Comments

Look carefully for specific instructions

Hello,
This is a navigation skin i did. The navigations buttons are the 4 leaves below. It's a slightly dark skin which i seldom venture into. (:

Skin Name: Runaway together; aintnochick
Suitable for: Both I.E and Firefox
Inspiration: The Wreckers - The good kind

If you use my layout, do drop your blog site at the comment so i can see how it turns out. :D

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<title>Do you want to runaway together?;</title>
<meta name="keywords" content="aintnochick">
<style type="text/css">

body {
	font-family: tahoma;
	font-weight: normal;
	color: #0783AC;
	font-size: 9px;
	margin: 0;
	padding: 0;
	background: black;
	scrollbar-face-color: black;
	scrollbar-arrow-color: black;
	scrollbar-track-color: white;
	scrollbar-shadow-color: black;
	scrollbar-highlight-color: black;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-Color: black;
	}
	
#sideimage {
	margin-top: 0px;
	width: 1007px;
	height: 512px;
	z-index: 2;
	position: absolute;
	cursor: default;
	}
	
#blog {
    z-index: 1;
	position: absolute;
	}
	
#content {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 525px;
	left: 238px;
	width: 585px;
	z-index: 1;
	padding: 5px;
	}
	
.written {
    font-family: arial;
	font-size: 12px;
	color: #046787;
	text-align: justify;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-right: 15px;
	margin-top: -1px;
	
	}
	
.written a:link, a:active, a:visited {
	color: #209392;
	text-decoration: none;
	}
	
.written a:hover { 
	color: #209392;
	text-decoration: none;
	}

#postscript {
    color: #96abab;
    text-align: center;
    font-size: 9px;
	font-weight: none;
	text-transform: lowercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 25px;
	}

#postscript span a:link, a:active, a:visited {
	color: #456b70;
	text-decoration: none;
	}
	
#postscript span a:hover{
	color: #434343;
	text-decoration: none;
	}

h1 {
    font-family: century;
	font-weight: normal;
	font-size: 16pt;
	text-transform: lowercase;
	color: #046F9C;
	letter-spacing: -3px;
	text-align: right;
	margin-bottom: -5px;
	padding-top: 14px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
h2  {font-family: Sylfaen;
	font-weight: normal;
	font-size: 19px;
	letter-spacing: -2px;
	color: #605632;
	text-align: right;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
		}
	
	
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
	color: #007789;
	text-decoration: none;
	}

h3 {
    font-family: century;
	font-weight: normal;
	font-size: 19px;
	text-transform: lowercase;
	letter-spacing: -2px;
	color: #0F619B;
	text-align: right;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 35px;
	padding-bottom: 12px;
	line-height: 150%;
	}
	
ul {
	font-family: tahoma;
	font-weight: normal;
	color: #007789;
	font-size: 10px;
	list-style-type: none;
	text-transform: lowercase;
	margin-top: -10px;
	margin-left: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	text-align: right;
	line-height: 130%;
	}
	
ul a:link {
    color: #007789;
	text-decoration: none;
	}

ul a:active {
    color: #007789;
	text-decoration: none;
	}

ul a:visited {
    color: #007789;
	text-decoration: none;
	}

ul a:hover {
    color: #007789;
	letter-spacing: 2px;
	cursor: help;
	}
</style>
</head>

<div id="sideimage">
		<img src="http://cbimg6.com/layouts/07/10/24/22589aa.jpg" alt=""

width="1007" height="512" border="0" usemap="#navigation" />
		<map name="navigation" id="navigation">
			<area shape="rect" coords="234,485,274,518" href="#"

onClick="change('info')" />
<area shape="rect" coords="285,486,325,519" href="#" onClick="change('blog')" />
<area shape="rect" coords="330,489,370,522" href="#" onClick="change('tag')" />
<area shape="rect" coords="375,488,415,521" href="#" onClick="change('past')" />
			
		</map>
  </div>
	<div id="container">
		<div id="content">
			<script>
			function change(id)

{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
			</script>
			
			
			
		</div>
	</div>

</div>

<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1>
			<BlogItemTitle><h2><span><a href="<$BlogItemPermalinkURL$>"

title="Permanent Link"> <$BlogItemTitle$></a></span></h2></BlogItemTitle>
			<p><div class="written"><span><$BlogItemBody$></span></div></p><p></p>
			<div id="postscript"> 
				<span class="comments"><BlogItemCommentsEnabled>
				<span style="font-family: times new roman; color: #006C68;

font-size: 9pt; text-transform: uppercase; font-weight: bold;">♥ wont you take me away tonight?</span></font><br><$BlogItemDateTime$><br />
				<span style="font-family: times new roman; color: #006C68;

font-size: 13pt; text-transform: uppercase; font-weight: bold;"></span>  <a

href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$></a>

commented
				</BlogItemCommentsEnabled></span>
			</div>
			<p>
		</blogger>
</div>
	
	
<div id="info" style="display:none;">
	
			<h3><span>About me</span> ; </h3>
			<ul>
				Jasmne (:<br />
				Eighteen<br />
				Capricorn<br />
				27 Dec'88<br />
								
			</ul>

<h3><span>Connections</span> ; </h3>
			<ul><li><a

href="http://prettylittlemonster.blogspot.com">Jasmne</a></li>
								
			</ul>

</div>
	
		
		
<div id="tag" style="display:none;">
	<h3><span>Tag me</span></h3>
	<ul>
		<tagboard goes here>

</ul>
</div>

<div id="past" style="display:none;">
<h3><span>Archives</span></h3>
<ul>
		<script type="text/javascript">
		var archives = new Array();
		
			<BloggerArchives>
			archives[archives.length] = new Array('<$BlogArchiveURL$>',

'<$BlogArchiveName$>');
			</BloggerArchives>
		
		for (var i=archives.length-1;i>=0;i--)
		{
		document.write('<li><a href="' + archives[i][0] + '">' + archives[i][1] +

'</a></li>');
		}
		</script>
	</ul>

<h3><span>Thank you</span></h3>
			<ul><li><a

href="http://prettylittlemonster.blogspot.com">Jasmne</a></li><li><a

href="http://xxautumn-dreamsxx.deviantart.com//">x</a><a

href="http://www.blogskins.com/me/if-ever">x</a></li>
				
			</ul>
		</div>

</div>

</body>
</html>

Layout Comments

Showing latest 10 of 13 comments

pleeeeeeeeeeeeeeeeeeeeeease make this or something like this into a myspace layout :)

By bloodyrazorlips on Apr 26, 2009 1:07 am

Thanks! I have it saved on my own server and you're credited for the user info

it's on LJ though, bitchy_brat ;)

By iconphreak on Dec 5, 2008 7:03 pm

Hi! I've been using this layout for a while, and just noticed that the image at the top has changed to a broken link. Could you please reupload it and I will save it to my own server? I should have done it sooner but completely overlooked it!

By iconphreak on Dec 5, 2008 12:12 am

when it says that about it being wrong... scroll to the bottom of the page and click "revert to classic template" then imput the HTML code and click save.... it should then work..I think...lol

By raindropdreams24 on May 7, 2008 6:51 pm

im getting nuts hehehe, i always get this response every time
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The value of attribute "content" associated with an element type "null" must not contain the '

By rhodey on Mar 18, 2008 10:02 am

Hi i really love this layout and im getting frustrated cuz i cant make it my myspace layout page i followed steps 1,2&3 by logging in blogger.com copy and pasted the code to template html but i keep getting this;

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The value of attribute "content" associated with an element type "null" must not contain the '

By jflo7104 on Feb 12, 2008 7:04 pm

i love this, but can you make it available for myspace blogs?

By mdstxbunny on Jan 20, 2008 7:36 pm

Synesthesia:
The content area will be seen below when you click on the leaf.

To everyone: thank you all for the comments and fav! Yeah, i've comments that the picture is too big and the buttons not too obvious. Will take note of it when doing my next skin! (:

By aintnochick on Oct 25, 2007 3:17 am

Pretty creative. It would be cool if the nav buttons popped-up text on hover.

By markmejia on Oct 24, 2007 8:39 pm

so cool,i wanna learn how to make something like this

By Saikou on Oct 24, 2007 5:54 pm

View all »

Layout Details

Designer	aintnochick
Submitted on	Oct 24, 2007
Page views	39,469
Favorites	98
Comments	13
Reviewer	digitalfragrance
Approved on	Oct 24, 2007

Runaway together: aintnochick

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates