Simple 'Vintage'

Designer's Comments

Look carefully for specific instructions

Updated July 11th, to work with the newest changes.
Edit-I've had a lot of questions on how to change the picture. All you need to do is find this part of the code (it's near the bottom of I'd like to meet:

and delete it to remove the picture.
or replace this with a link to your image: http://cbimg9.com/layouts/08/06/28315ad.jpg

Just something really simple, it was more for the coding experience, not so much the design experience. If you would like another color (the background or pattern), please PM me!

Replace the XXX's with your friendID. More "detailed" suggestions/comments/instructions are in the DIV text. Please read everything after the bold, italicized, and underlined examples-It's really useful information!

And of course, don't steal or take credits off, or spoons will go where the sun doesn't shine!

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><style type="text/css">
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

body{
background-color:273333;}

a img {border: 0}

a:link, a:visited, a:active {
text-decoration: none;
color: 000000;
font-size: 10px;
font-family: verdana;
}

a:hover {
color: FFFFFF;
background-color: 273333;
text-decoration: none;
}

b{
color: 273333;
font-family:verdana;
font-size:8pt;
letter-spacing:0pt;
font-weight:bold;}

i,em{
color: 3c3c3c;
font-family:verdana;
font-size:8pt;
letter-spacing:0pt;
font-weight:normal;}

u{
color: 000000;
font-family:verdana;
font-size:8pt;
letter-spacing:0pt;
font-weight:normal;}

.main{
position:absolute;
top:150px;
left:160px;
z-index:1;}

.navigation{
position:absolute;
top:186px;
left:320px;
z-index:2;
width:400px;
overflow:auto;}

a.navi:link, a.navi:visited, a.navi:active{
color:000000;
font-family:verdana;
font-size:9px;
padding-right:16px;
padding-left:16px;
padding-top:4px;
padding-bottom:5px;
}

a.navi:hover {
color: FFFFFF;
background-color: 273333;
text-decoration: none;}

.content{
position:absolute;
top:204px;
left:298px;
_left:299px;
width:280px;
height:275px;
z-index:3;
overflow:auto;
border:1px solid black;}

.info{
position:absolute;
top:204px;
left:584px;
_left:585px;
width:143px;
height:275px;
z-index:4;
overflow:hidden;
border:1px solid black;}

.rockit a {
position:absolute;
top:500px;
left:175px;
display: block;
width: 22px;
height: 13px;
z-index:5;
background: url(http://cbimg9.com/layouts/08/06/28315aa.png) no-repeat;
}
.rockit a:hover img, .two a:focus img { display: none }
.rockit a:hover { line-height: 1 }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="navigation"><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navi">Home</a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navi">Pics</a><a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navi">Add</a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navi">Message</a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="navi">Comment</a><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navi">Friends</a></div>

<div class="content">Put things about you here. I'm Rad. I'm 15 years young. My favorite color is Navy Blue. Black and white technically aren't colors. All of my electronics are red. I like muffins. Especially Slutmuffins. End of story. I hate you. I love music. I'm a retard....life story right there. I love to sing. I hate when people are stupid. I love my MP3 Player. I hate when men don't shave. You get the point. Put whatever. Your name, age, sex, location, hobbies, friends, birthday. You choose. You have a lot of space to fill. Here is the Dot Army, armed to conquer the World (Wide Web)!<br>
<b>bold</b>, <u>underline</u>, <i>italicize</i><br><br>
Don't take the credit off!<br>
This box has a scrollbar, so put in as much information as you want/possibly can. You can put in images, but I suggest they don't be any bigger than 260 pixels in width, or else you'll get a horizontal scrollbar, and we don't want that!<br>
In the box to the right, edit the information with <i>your</i> information. Of course, you don't even have to keep that. You can replace it with images, links, anything you could possibly imagine. if you're going to insert any images, make sure they're no bigger than 143 pixels in width and 275 pixels in height. That box <u>does not</u> have a scrollbar, so anything that exceeds more than the set width and height will be cut off. It's more attractive this way, trust me! If you know what you're doing, you can edit the overflow to auto. If you don't, contact me and I can give you the replacement code. ;]<br>

<div class="info">
<center><img src="http://cbimg9.com/layouts/08/06/28315ad.jpg"></center>
<b>Name:</b> Your Name<br>
<b>Age:</b> Your Age<br>
<b>Location:</b> Your current Location<br>
created by <a href="http://www.rockitstudios.890m.com">RockIt Studios</a></div>

Layout Comments

Showing latest 10 of 19 comments

how can i add a link? everytime i do a white box appears in my backround and i cannot get rid of it.. any help?

By cynadoll on Apr 20, 2009 10:45 am

Is there any way for me to change the background, not the color, I've changed that, but can I add a photo to the background? If you could help on that, you'd be my life savor :) lol

By fiascocanfly on Nov 23, 2008 9:22 pm

Haha! I love the little captain spermy. Cute but morbid :D

By Elle034 on Oct 19, 2008 3:28 pm

..............haha nice and simple.......i want to change the pic though......hmmm....can it be changed? if so i'll find it :D haha!!

By cnknnptw on Sep 20, 2008 8:21 pm

hey where can i put my music playlist at?

By bellababe on Aug 18, 2008 1:53 pm

How can I change the background?

The greenish part..?

By SomeKindaWonderful on Jul 11, 2008 6:29 am

i love this!
can i change the bella and edward pic? or is it made into div?
i love it!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!
8)

By xdestinyleex on Jul 8, 2008 11:43 pm

i love the layout. but i want one more box at the bottom for pics on my layout. im pretty good with codes. so if you tell me how ill still give credit.

By Haley16 on Jul 7, 2008 12:22 am

how can you take the pic
of bella and edward off?
=]nice layout though

By sn0wflake on Jun 26, 2008 2:42 pm

I love it.
Its simple yet not to simple.

By DommieGirl on Jun 23, 2008 4:12 pm

View all »

Layout Details

Designer	Smarmosaur
Submitted on	Jun 12, 2008
Page views	56,309
Favorites	337
Comments	19
Reviewer	kreios
Approved on	Jun 12, 2008

Simple 'Vintage'

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