Summer Love (resubmitted)

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

This is my first ever myspace layout.Its pretty simple i know but hey i'm learning ;)

Enjoy :)

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> table table div form {
 display:inline !important;
}
.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;
}
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;
}
table div div {
	visibility:hidden;
!important;
}
table table table table, table table table table td.text, td.text td.text table {
	display:none;
}
body div div form {
	display:none !important;
}
td td embed, td td embed, td td object {
	position:absolute;
	top:0px;
	right:0px;
	width:45px;
}
div div div select {
	position:absolute !important;
	margin-left:-1000px !important;
	left:0px !important;
	display:none !important;
}
div div table div {
	display:none;
}
div form, .mslogo, div ul {
	display:none!important;
}
div div, div td {
	background-color:transparent;
	background-image:none!important;
}
div.profileWidth {
	margin-top: -30px !important;
}
div.profileWidth div {
	filter:alpha(opacity=0);
	opacity:0.0001
}
div.profileWidth div.clearfix, i i i, div.profileWidth div div {
	filter:none;
	opacity:0.9999
}
div.profileWidth div.clearfix {
	position:relative;
	top:30px
}
div div select, div div form {
	display:none !important;
}
</style> <style> body {
background-color: EAC90C;
}
.div {
	position: absolute;
	left: 50%;
	margin-left:-700px;
	top: 90px;
	z-index: 0;
}
.box1 {
	position: absolute;
	left: 50%;
	margin-left:50px;
	top: 250px;
	z-index:1;
	width:  285px;
	height: 470px;
	overflow: auto;
	font: normal Arial 10px;
	color:FFFFFF;
	font-weight:normal;
	line-height:normal;
}
.heading {
	position: absolute;
	left: 50%;
	margin-left:150px;
	top: 230px;
	font: normal 14px Anson;
	color:FFFFFF;
	font-weight:bold;
	text-transform: none;
	line-height:12px;
}
.nav {
	position: absolute;
	left: 50%;
	margin-left:-365px;
	top: 700px;
	z-index:5;
	width:  450px;
	height: 150px;
	overflow: auto;
	font: normal 13px Anson;
	color:FFFFFF;
	font-weight:bold;
	text-transform: none;
	line-height:12px;
}
a:active, a:visited, a:link, a {
	color:FFFFFF;
	font-size:13px;
	font-weight:bold;
	font-family:anson;
	text-decoration:none;
	text-transform:none;
}
a:hover {
	color:FFFFFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	font-family:anson;
	text-decoration:none;
	text-transform:none;
}
 </style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="div"> <img src="http://cbimg6.com/layouts/08/08/30877aa.jpg" /> </div> <div class="heading"> <center> About Me </center> </div> <div class="box1"> This is my first ever myspace layout!! Yeah i know pretty boring & simple :/ This box will scroll as you plave your own content in it, as you can see. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique condimentum lacus. Sed id lacus non nisi volutpat malesuada. Duis ut elit dictum arcu ultricies vulputate. Cras sed lorem. Morbi sed nunc a magna lobortis pulvinar. Suspendisse iaculis nulla. Duis vehicula dapibus tellus. Maecenas ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Praesent nec leo vehicula libero molestie commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames acturpis egestas. Vivamus hendrerit lorem at eros. Ut sed sapien. Curabitur felis elit, tincidunt at, mollis in, porta et, dui. Sed gravida vestibulum lacus. Nulla eget est. Sed sit amet massa fringilla velit tempor feugiat. Donec sagittis porttitor purus. Praesent nulla. Nam vel mi ut pede ullamcorper vulputate. Maecenas et lorem sed erat venenatis consequat. Nulla a quam eu sem dictum elementum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique condimentum lacus. Sed id lacus non nisi volutpat malesuada. Duis ut elit dictum arcu ultricies vulputate. Cras sed lorem. Morbi sed nunc a magna lobortis pulvinar. Suspendisse iaculis nulla. Duis vehicula dapibus tellus. Maecenas ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Praesent nec leo vehicula libero molestie commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus hendrerit lorem at eros. Ut sed sapien. Curabitur felis elit, tincidunt at, mollis in, porta et, dui. Integer sagittis pretium neque. Quisque malesuada mattis dui. Sed fermentum. Phasellus tincidunt justo sed felis. Mauris tincidunt feugiat augue. Maecenas cursus. Nunc posuere, mauris vitae viverra aliquet, metus purus vulputate est, in tempor dolor quam non justo. Donec turpis. Suspendisse at neque ut erat sodales viverra. Sed gravida vestibulum lacus. Nulla eget est. Sed sit amet massa fringilla velit tempor feugiat. Donec sagittis porttitor purus. Praesent nulla. Nam vel mi ut pede ullamcorper vulputate. Maecenas et lorem sed erat venenatis consequat. Nulla a quam eu sem dictum elementum.. </div> <div class="nav"> <center> <a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">Home |</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add |</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">Message |</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">Comment |</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pics |</a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog |</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block |</a> </center> </div>

Layout Comments

Showing latest 10 of 11 comments

great image find! lovely work!

By calilani on Mar 25, 2009 10:48 am

i love the image, and the colors are all so juicy. yum! ;) i would love to see it in standard, but this is awesome anyway.

By roglows on Sep 13, 2008 11:24 am

aww this is adorable.
i think i found my next myspace layout.
favorites!

By moi- on Aug 27, 2008 5:54 pm

I really love the orange! :]

By none345678 on Aug 26, 2008 11:11 pm

I LOOOOOOOOOOOOOVVVVVEEEEE THE COLORS! YELLOW IS MY FAVORITE COLOR! I think you did any awesome job since this is your first one...keep learning and don't give up! You've got a lot of potential ^_^

By ravishingdiamondz on Aug 25, 2008 10:59 pm