Blue & Brown Simplicity

Designer's Comments

Look carefully for specific instructions

Notes:

Bit of an experiment really, i wanted to try making something simple,
and tbh i really like it :)
which probably means noone else will, but that's always the way isnt it :)

Also, i apologise that the bottom links show on FF & safari atm, im workig on it :)

Best Viewed in IE!

Use:

please leave the credit on, and for the links just replace the X's with your friend ID.

Change the scrolling images with your own, they should be 100x100 to look best :)

Credit:

Brushes from: Obsidian Dawn

Other:

Just let me know what you think, feedback is much appreciated,
enjoy!
~Martz
x---x

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p>Lastsunrise.net<style>
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}

.comments{visibility:none;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:none;background-color:transparent;
border:black 0px solid;z-index:0px;}

td.text td.text img {
width: 90px !important;
}

table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

A:link, A:active, A:visited {color: 000000;
font-weight: none;
text-decoration: none;
cursor:crosshair;}

A:hover {color: 000000;
font-weight: none;
filter: none; 
cursor: crosshair;
text-transform:none;
letter-spacing: 0px;}

a.l1,a.l1:active,a.l1:active,a.l1:link
{display:block;
padding:2px;
text-transform:lowercase;
text-align:center;
background-color:b5aea0;
letter-spacing:-1px;
border-right: 5px solid; 
border-color:a3b9b9;
margin-bottom:1px;
color:000000;
}
a.l1:hover
{display:block;
padding:2px;
text-align:center;
letter-spacing:4px;
text-transform:lowercase;
background-color:bdb6a7;
border-right: 5px solid; 
border-color: c3ddde;
margin-bottom:1px;
color:000000;
}

.linkage {
width:150px;}

body {
background-color:ffffff;
background-image:url();
	background-attachment: fixed;
	background-position:top left;
	background-repeat:repeat-y;
 scrollbar-arrow-color: c3dcde;
 scrollbar-face-color:a2977d;
 scrollbar-3dlight-color: a2977d;
 scrollbar-darkshadow-color: a2977d;
 scrollbar-shadow-color: c3dcde;
 scrollbar-highlight-color: c3dcde;
 scrollbar-track-color:a2977d;
cursor:crosshair;

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 11px tahoma; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:15px; text-align: justify; letter-spacing: 1px;}}

{basic font}
.text {font:normal 11px tahoma; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:15px; text-align: justify; letter-spacing: 1px;}}

{style for the number of comments you have ..}
.redtext{font-family:georgia; font-size:11px; color:CCCCCC; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;}

{comment title}  
.blacktext10{font-family:georgia; font-size:11px;  color:66CCFF; font-weight:none; border:0px; text-transform: uppercase; background-color: 1A5566;}

.standard b, p b, B, strong {
font-family:century gothic; font-size:14px; color:c3dcde; font-weight:; border-left:3px; border-color:786e57; text-transform:none; letter-spacing: 3px;}

u, s, .stext, .sbtext, .swtext {
  font-family: tahoma; 
  font-size: 15px;
  color: 000000;
weight:strong;
  text-align: justify;}
i, em, .itext  {
  font-family: tahoma; 
  font-size: 9px;
  color: 000000;
  text-align: justify;}

.h1 {
color:000000;
border-left:10px double;
border-right:10px double;
border-color:ace44c;
background-color:cee7f5;
letter-spacing:-2px;
font: 14pt century gothic;
text-align:Center;
text-transform:none;
margin-bottom:5px;}

</style>
<br />Lastsunrise.net.<br />
<style>.r{}</style>

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div></div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="l1">Message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="l1">Pictures</a>

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="l1">Block</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="l1"">Friends</a>

<a href="Lastsunrise.net" class="l1">Credit</a>

</div>

</center>

</div>

<div class="l1" style="position: absolute; left:322px;  top:210px; width:490px; height:285px; overflow: auto;">
<img src="http://cbimg6.com/layouts/08/08/30725ac.gif" align="right" />
<b>name:</b> here<br />
<b>age:</b> here<br />
<b>gender:</b> here<br />
<b>location:</b> here<br />
<b>ethnicy:</b> here<br />
<b>orientation:</b> here<br />
<br /><br />

Anything else you want to say? write it here :)<br /><br /><br /><br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Est amet, Duis dolore irure nostrud nisi consequat. id tempor reprehenderit fugiat tempor amet, sit fugiat cillum ex non in minim veniam, anim aute cupidatat qui tempor laboris cillum ullamco pariatur. nisi quis et ex non reprehenderit qui labore sit sit veniam, culpa nulla tempor do aute esse dolor ea minim pariatur. adipisicing Excepteur esse Ut proident, qui. Labore proident, est sint cillum irure irure

</div>

<div class="l1" style="position: absolute; left:332px;  top:485px; width:480px; height:125px; overflow: auto;"><center>
<br />
<style>textarea.area{
background-color:transparent;
background-image:url();
background-repeat:repeat;
width:445px;
height:62px;
font-family:century gothic;
text-transform: uppercase;
color:a19d9d;
text-align:center;
line-height:24px;
font-size:26px;
border:0px solid;
border-color:393737;
letter-spacing:-2px;
}

input.button {
background-color:transparent;
color:a19d9d;
text-transform: uppercase;
font-size:9px;
width:445px;
height:16px;
text-align: center;
font-family:century gothic;
border:1px solid;
border-color:a49b81;
line-height:10px;
font-weight: normal;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden" />
<textarea name="f_comments" class="area">This is what simplicity looks like</textarea><br />
<input type="submit" class="button" value="send me some love" /></form>

</div>

Layout Comments

Showing latest 8 of 8 comments

Awesomeness. =D.

By TheExoticPeachFairy on Aug 21, 2008 6:46 pm

I love butterflies! This is so cute yet so simple!
Its really nice :] I love the mix of colors.

By daryljane94 on Aug 20, 2008 1:57 pm

sure is :)
just replace the image url with this

http://i51.photobucket .com/albums/f390/lastsunrisela youts/layouts/DIVs/brown%20blu e/plain-image.gif

and you should be fine :)

By SammyTheHeadbutt on Aug 20, 2008 11:15 am

wow! i love the colors! one thing though... if someone wanted to keep the photo of the butterfly... how would the get rid of the 300X100PX? something small, but ya know?

By ingodwerust on Aug 20, 2008 3:13 am

love the simplicity. and the image. spiffy.

By xDarkHope on Aug 19, 2008 11:45 pm

where is the horizontal scroll and nav on your screen?
it doesnt show on mine :\

By SammyTheHeadbutt on Aug 19, 2008 6:59 pm

Not the biggest fan of the horizontal scroll and nav, but it's really nice. :)
I love the colors.

By so-sarcastic on Aug 19, 2008 6:51 pm

simple. But soo cute! :D

By jessthefilipina on Aug 19, 2008 5:20 pm

Layout Details

Designer	SammyTheHeadbutt
Submitted on	Aug 19, 2008
Page views	11,478
Favorites	108
Comments	8
Reviewer	schizo
Approved on	Aug 19, 2008

Blue & Brown Simplicity

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates