Collision

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

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

layout archive + services > baretta.uni.cc

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(''); 
background-repeat: repeat; 
background-color:546871;
line-height: 17px; 
cursor: ne-resize;
color:444444;}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:302px;
left: 50%;
margin-left: -380px;
text-align:left; 
visibility:visible;
width:140px;}

.aboutme { 
background-color:transparent; 
width: 490px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-top:330px;
left: 50%;
margin-left: -195px;
text-align:justify; 
visibility:visible; 
font-size: 8pt; }

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

div.nav a {
text-align: right;
font-family: verdana;
letter-spacing:3px;
text-transform:uppercase;
font-size:10px;
display:block;
padding:2px;
border-bottom:#fff 1px dotted;}

div.nav .span { 
background-color:4EBAC7; }

div.nav a:link,.nav a:visited, div.nav a:active {
margin-top:0;
color:fff;
display:block;
font-style:normal;}

div.nav a:hover {
color:001D1F;
background:#F67F0B;}

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

h1 {
font: 20pt "arial narrow";
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:4EBAC7; 
border-bottom:2px solid;
border-bottom-color:fff;}

div.title { 
font: 30pt "arial narrow";
text-align: left;
letter-spacing: 5px;
text-transform: uppercase;
position:absolute; 
z-index:2; 
top:0; 
margin-top:170px;
left: 50%;
margin-left: -120px;
color:fff;}

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

a:link, a:visited, a:active {color:FF7F00; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: 000; text-decoration: none;}

input, textarea {
cursor: ne-resize; 
color:000;
font-size:8pt;
font-family:Verdana;
background-color:#99B1C9;
border-width:1px; border-style:solid; border-color:000;}

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" class="span">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" class="span">My Blog</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>
<a href="http://baretta.uni.cc/" class="span">Fainaru</a>
<a href="http://textuures.uni.cc/">Textuures</a>

<h1>Friends</h1>
<a href="" class="span">Friend Link</a>
<a href="">Friend Link</a>
<a href="" class="span">Friend Link</a>
<a href="">Friend Link</a>
<a href="" class="span">Friend Link</a>

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

<div class="title">Your Title Here</a></div>

<h1>Collision by Fainaru</h1>
<b>September 8, 2007</b><br>
Grungey paint splatters meet elegant swirls, hence the name: Collision. The image quality is a tad on the low, but can be easily disregarded. I like this layout. Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<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" cols="50" rows="6">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 11 comments

love the codes .

:D

By cute-ajc on Jun 26, 2008 8:07 pm

Heh, I'm not a huge Orange fan or the blue/orange combo, but somehow you managed to make it look cute :]

By IzzyGrace on Jun 5, 2008 5:39 pm

i absolutyl love it!!! but i suck @ tha whole friends part!! lol
:P

By BuBbLyBuMbLeBeE on Nov 23, 2007 2:52 pm

another great one...i love these colors.

By jesusisthebestthing on Sep 11, 2007 11:14 pm

Do you like to code layouts, but not make them?

Take a look at my pictures for the black 30gb layout base! You can create the DIV code but credit my image.

By livwho on Sep 11, 2007 3:40 pm

AHAHAHA Its an ugly layout no offense. Great job though :] Ill use it but then i'll have to change the background. Mehage.

By jeremywillo on Sep 10, 2007 5:32 am

LMFAO.

Thanks :D I love reading the odd different criticism from you all.

As for the comment boxes, I use the "CSS Elements" 'comment box' purely to display how a textarea would look. Users tend to forget to delete most of the filler stuff I put in my layout >_>

By fainaru on Sep 9, 2007 9:50 pm

I have a new thing I look for when I see layouts submitted by you: colour schemes. You have the wackiest ability to choose colours most people would not think would go well, it's a pretty envious skill to have in this field.

I do agree that your layouts are all similar in terms of coding, but in another way, it's your style and it's very distinctive so I'm not too sure I want to complain.

My only question about this one is, how come there are two comment boxes?

By flaymzofice on Sep 9, 2007 9:17 pm

i love this, but all your layouts are too simaler try to make something really different sometime it will blow people waya

By IVIike on Sep 9, 2007 8:41 pm

Aw =) That's a terribly flattering comment XD

By fainaru on Sep 9, 2007 8:40 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Sep 9, 2007
Page views	20,498
Favorites	112
Comments	11
Reviewer	IVIike
Approved on	Sep 9, 2007

Collision

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates