Go Army

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Credits
omargarcia.net, devianart.com ,goarmy.com

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

.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;}

body {
background-repeat: repeat-y; 
background-position: top left;
line-height: 14px; 
cursor: default;
background-color: efe7d9;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br , strong {
font-family:Verdana;
font-size: 8pt; 
color:FFFFFF; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 14px;
} 
.army { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:20px; 
top:150px; 
visibility:hidden;
z-index:1;
}
.blog { 
background-color:transparent; 
overflow:auto; 
position:absolute; 
left:0px; 
top:150px; 
visibility:visible;
}

.img_id {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:4;
	left:-15px;
	top:-316px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 334px;
	height: 184px;
}

.contenido {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:348px;
	top:-246px;
	margin-left:20px;
	margin-top:500px;
	text-align:left;
	visibility:visible;
	width: 384px;
	height: 307px;
	scrollbar-arrow-color: f0c210; scrollbar-face-color: 000000;
    scrollbar-track-color: 000000; scrollbar-3dlight-color:000000;
    scrollbar-highlight-color:000000; scrollbar-shadow-color: 000000;
    scrollbar-darkshadow-color: 000000;

}

.video{
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:6px;
	top:408px;
	text-align:left;
	visibility:visible;
	width: 335px;
	height: 279px;

}
.friends {
	background-color:transparent;
	overflow:auto;
	position:absolute;
	z-index:3;
	left:367px;
	top:195px;
	margin-left:20px;
	margin-top:417px;
	text-align:left;
	visibility:visible;
	width: 350px;
	height: 110px;
}

.nav {
	background-color:transparent;
	overflow:auto;
	width: 345px;
	position:absolute;
	z-index:2;
	left:303px;
	top:-254px;
	margin-left: 120px;
	margin-top:435px;
	text-align:left;
	visibility:visible;
	color:150D06;
	font-size: 8pt;
	line-height: 14px;
	height: 36px;
}

.link {
	background-color:transparent;
	overflow:auto;
	width: 302px;
	position:absolute;
	z-index:2;
	left:31px;
	top:699px;
	text-align:left;
	visibility:visible;
	color:150D06;
	font-size: 8pt;
	line-height: 14px;
	height: 36px;
}
a:link, a:visited, a:active {color:f0c210; font-family:impact; font-size: 11pt; text-decoration: none; }
a:hover {cursor: HAND; color: ffffff; text-decoration: none;}

</style>

<div class="blog">
<img src="http://layouts.cbimg8.com/35/17829c.jpg">
</div>
<div class="img_id">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR_ID"
><img src="http://layouts.cbimg8.com/35/17829d.jpg" border="0"></a></div>
<div class="army">odgsvlsomf</div>

<div class="contenido">
<strong>
<h2>About Me</h2></strong>
<br><strong>name:</strong>xxxxxxxxxxxxx
<br><strong>age:</strong>xxxxxxxxxxxxx
<br><strong>home:</strong>xxxxxxxxxxxxx
<br><strong>rank:</strong>xxxxxxxxxxxxx
<br>
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<br>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

</div>

<div class="link">
<a href="http://omargarcia.net">http://www.omargarcia.net</a></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://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">MESSAGE</a>   |
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=YOUR_ID">COMMENTS</a>   |</div>

Layout Comments

Showing latest 10 of 16 comments

sweet can you make a marine one?

By nacho313 on Aug 13, 2007 8:48 pm

Love the idea, poorly executed tough. Perhaps some centering and different font faces? Other than that, good.

By audreyluzr on Jul 12, 2007 3:12 am

the video isnt showing on my profile. help?

By hockeychix on Jul 5, 2007 2:08 am

i love it. thank you

By Chicago on May 14, 2007 5:10 pm

This layout freaking ROCKS! you should make more like this. IM in a MILITARY POLICE unit maybe you could do a div layout for the 549th Military Police Co serving in Baghdad. THANKS!!

By armyofone on May 14, 2007 1:47 pm

make a marine corps one pleasee

By LALALAUREN116 on May 13, 2007 7:35 pm

love it!!!

By armydoll on May 12, 2007 4:25 pm

nice.

By xxoLuvYaLotsoxx on May 10, 2007 10:47 pm

I quite like this; not as creatively original as the Mac one (despite Mike showing us the link for the iBook ) but it's set up quite well; it's clear and concise and straight forward. Despite the fact it's all square shaped boxes, it doesn'

By flaymzofice on May 10, 2007 6:00 pm

I like it But I didn't like the commercial When I think of America I either think of The American Dream or I think of the army, and I think of war (no offense Americans). And the commercial was like "Join the Army, it's a wonderful place&

By shiruji on May 10, 2007 1:37 pm

View all »

Layout Details

Designer	OmarGarcia
Submitted on	May 9, 2007
Page views	40,333
Favorites	41
Comments	16