Perception

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url('http://layouts.cbimg9.com/34/16960c.gif'); 
background-repeat: repeat; 
line-height: 14px; 
cursor: default;
color:46270F;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;} 
table, tr, td {background:transparent; border:0px;} 
div table td font {visibility:hidden;} 
div table table table td font {visibility:visible;} 
table table table td {visibility:hidden;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table div div, table tr td div font a {visibility:hidden;} 
.div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} 
.text, table table table table a, table table table table div, .frm1 {visibility:hidden;} 
table table table table div a, .frm1 input {visibility:visible;} 
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} 
table table, table table td {padding:0px; height:0px;}

.nav { 
background-color:transparent; 
overflow:auto; 
width: 250; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 555px; 
margin-top:185px; 
text-align:left; 
visibility:visible; 
color:150D06; 
font-size: 8pt; 
line-height: 14px;}

.aboutme { 
background-color:transparent; 
width: 410px; 
height: 430px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 130px; 
margin-top:150px; 
text-align:left; 
visibility:visible; 
color:46270F; 
font-size: 8pt; 
line-height: 14px;
overflow:auto;}

.div { 
background-color:82552E; 
overflow:auto; 
position:absolute; 
z-index:2; 
left:0; 
top:100; 
margin-left:50px; 
margin-top:0px; 
text-align:left; 
visibility:visible;}

div.nav a {
display: block;
padding: 3px;
width: 165px;
margin:15px;
text-align: left;
font-family:arial;
font-size:20pt;
letter-spacing:-3px;
text-transform:lowercase;}

div.nav a:link,.nav a:visited, div.nav a:active {
display: block;
padding: 5px;
width: 165px;
background-color1:89811F;
background-color:transparent; 
text-decoration: none;
color:6B3E1F;}

div.nav a:hover {
display: block;
padding: 5px;
width: 158px;
background-color1:A97E4B; 
background: url('http://layouts.cbimg9.com/34/16960d.gif'); 
color:ECD17D;
text-decoration:none;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:Verdana;
font-size: 8pt; 
color:46270F; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;}

h1 {
font: 20pt "impact";
color: #46270F;
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
margin: 0 0 10px 0;}

.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:454B27; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 8E5712; text-decoration: none;}

input, textarea {
cursor: default; 
color:523216;
font-size:8pt;
font-family:Verdana;
background-color:54733F;
border: 54733F 1px solid;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My pictures</a> 
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> 
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>  
<a href="http://fainaruu.uni.cc/">Fainaru</a>
<a href="http://ffaurae.uni.cc/">FF Aurae</a>
</div>

<h1>Perception by Fainaru</h1>
<b>March 10, 2007</b><br>
Textured, scrapbook looking - something I never imagined to create, but with the help of <a href="http://hybrid-genesis.net/">resources</a> (and a little creativity) <b>Perception</b> was born. "Turning over a new leaf" is how I would describe this design - the headers, navigation have broken away from my norm, and surprisingly this is a scrolling DIV. If you do not follow the terms for this layout, don't use it - simple as that.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 14 comments

This is such a cool layout. I might use it. =)

By PaintMyFace on Jan 9, 2008 2:54 pm

Love the layout

By cwo4wife on Sep 11, 2007 1:16 am

I really like this layout...these colors are my favs and the texture is fitting! It almost has an old world feeling as well as a 'torn pages" look.I like different and your layouts stand out and are soo not the norm...Just what i like!Yet

By Ms Melly Mel on Mar 14, 2007 4:01 pm

Well oddly enough I never noticed this layout until just now. I think it looks alright, I think more of a creativity spin could have been pulled off instead of getting a texture and doing very minor editing. The navigation is nice although the backgrounds

By Insurmountable on Mar 13, 2007 7:36 pm

QUOTE(flaymzofice @ Mar 11 2007, 8:37 PM) [snapback]2489575[/snapback]Ah, hybrid genesis, figured I recognised that texture. You haven't done that much to it but as your first foray outside of your regular creative style, it's not bad; HG

By fainaru on Mar 12, 2007 11:34 am

Ah, hybrid genesis, figured I recognised that texture. You haven't done that much to it but as your first foray outside of your regular creative style, it's not bad; HG textures don't usually require much more development anyways they're s

By flaymzofice on Mar 11, 2007 9:37 pm

^ Wow, you use Netscape? Haha, I thought it'd be ancient by now +} heh heh. But that's cool, delivering to the masses eh?

By fainaru on Mar 10, 2007 4:24 pm

i use netscape... and it doesn't pick up the colors of the scroll bar... but i make them cuz tons of people like that stuff, lol

By Blaqheartedstar on Mar 10, 2007 3:34 pm

@ Amanda: Yeah, the pattern was a default from PS and I thought it would 'add' to more er ah, excitement to the layout heh heh. Yep yep! I'm glad you like it <3@ Mike: ROFL. The scrollbar is default cause I use firefox and it doesn'

By fainaru on Mar 10, 2007 3:29 pm

Daaang, Fainaru. You set up a new standard for your layouts. I'm impressed.

By markmejia on Mar 10, 2007 1:00 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Mar 10, 2007
Page views	81,720
Favorites	234
Comments	14

Perception

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates