Yellow Submarine

replace all XXXXXX's with your friend id.

simple layout for the simple person.

• 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

<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> div table td font {display: none;}</style> <style> </style> <style type="text/css"> table, tr, td { background-color:999999; border:0px none; } body { background: url("http://cbimg6.com/layouts/08/01/07/24487ab.png"); background-position: top left; background-repeat: repeat; background-attachment: fixed; scrollbar-arrow-color: 000000; scrollbar-track-color: ; scrollbar-shadow-color: transparent; scrollbar-face-color:; scrollbar-highlight-color:transparent; scrollbar-darkshadow-color:transparent; scrollbar-3dlight-color:transparent;} div{ font-family: arial; font-size: 8pt; color: 000000; text-align: left; border: medium none; padding-left: 3px; padding-right: 3px; line-height: 12px; overflow-x: hidden;} input, select, textarea, .textfield, .button { font-family: arial; font-size: 8pt; color: 000000; border-style:solid; border-size: 1px; border-color: 000000; background-color: 000000; text-align: left;} .text {font-family: arial; font-size: 8pt; color: 000000; font-weight: normal; text-align: left; background-color: none;} b, strong {font-family: arial; font-size: 8pt; color: 000000; font-weight: bold;} i, em, s {font-family: verdana; font-size: 8pt; color: 000000;} u {font-family: arial; font-size: 8pt; color: 000000;} a, a:link, a:active, a:visited { font-family: arial; font-size: 8pt; color: 000000; text-decoration: none; font-weight: normal;} a:hover {font-family: arial; font-size:8pt; color:000000; background-color: ffffff;} a:link img, a:visited img {filter: none;border:0px} </style> </style> <div class="bg" style="position: absolute; left:175px; top:150px; width:800px; height:600px; overflow: hidden;"> <img src=http://cbimg6.com/layouts/08/01/07/24487aa.png usemap="#imgmap"> </div> <MAP NAME="imgmap"> <AREA SHAPE="rect" ALT="" COORDS="96,43,206,68" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"> <AREA SHAPE="rect" ALT="" COORDS="207,83,270,110" HREF="http://home.myspace.com/index.cfm?fuseaction=user"> <AREA SHAPE="rect" ALT="" COORDS="127,545,213,570" HREF="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL29oZGFybml0X3g="> <AREA SHAPE="rect" ALT="" COORDS="278,59,338,84" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=9e0c2be5-1c43-4097-881e-ae216a4cfeaf"> <AREA SHAPE="rect" ALT="" COORDS="546,49,643,71" HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=9e0c2be5-1c43-4097-881e-ae216a4cfeaf"> <AREA SHAPE="rect" ALT="" COORDS="604,99,722,120" HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=e5118df8-4517-4781-92c5-081915df7988"> </MAP> <div class="content" style="position: absolute; left:340px; top:490px; width:550px; height:200px; overflow: auto;"> <center><div align=left> ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. ABOUT ME HERE. <br><br><br><br><br><br><br> more about me! or whatever. </div> </div> </style>

<style type="text/css"> embed, object {width:1px; height:1px;} table, tr, td {background:transparent;} table table table table, table table table table td.text, table.contactTable {display:none;} td.text table, .orangetext15 {visibility:hidden;} td.text table table {display:inline; visibility:visible;} td.text td.text table {display:none;} div b font font, div font font u {display:none;} .whitetext12 { display: none; } .nametext { display:none;} <style type="text/css"> font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} textarea, input {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .btext {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .blacktext12 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:arial; font-size: 9px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .orangetext15 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .redbtext, .redtext {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .text {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:arial; font-size: 9px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .nametext {font-family:arial; font-size: 9px; color: 229FE1; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link {font-family:arial; font-size: 12px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid FFFFFF;} a:hover, a.man:hover, a.text:hover, a.redlink:hover {font-family:arial; font-size: 12px; color: F33F96; font-weight: bold; text-decoration: underline; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid FFFFFF;} a.onee:link, a.onee:active, a.onee:visited {font-family:arial; font-size: 9px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid FFFFFF;} a:onee:hover, a:onee:hover visited {font-family:arial; font-size: 12px; color: F33F96; font-weight: bold; text-decoration: underline; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 14px; background-color: transparent; border: 0px solid FFFFFF;} a.navbar:link, a.navbar:visited, a.navbar:active {font-family:arial; font-size: 9px; color: 000000; font-weight: underline; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid 000000;} a.navbar:hover {font-family:arial; font-size: 9px; color: EFF030; font-weight: underline; text-decoration: underline; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid 000000;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} a:hover img { filter:none; border:0px solid black;} body {cursor: ;} a:hover {cursor: default;} </style> <style> a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} img {border:0px;} table tr td div font {display: none;} tr {background-color:transparent} </style> <style type="text/css"> .navbar{visibility:hidden;} </style> <style>div table td font {visibility:hidden;}a.navbar:link, a.navbar:visited, a.navbar:active {visibility:hidden;}a.navbar:hover {visibility:hidden;}</style>

gahh ! I LUV THIS TOO !

This is so cute. I love it.

this is rad

nice-ness. shall use in the future,

not sure about the dotted border. rollovers. creative. a bit plain though. nice colors.

i agree with groovycookie the patchwork is pretty dam cool.
could ya tell me what the navigation font is called?
i kinda think the add button sticks out from the others a bit but its probably just me.. =)
love this layout!

This is cute. I like the colors.

This being a song I absolutely hate and cannot stand. I love this layout. It's so creative and I love all the little effects such as the patchwork and the color choices. Its so adorable.. I will totally use this when spring/summer comes around.. this just makes me want to listen to "Yellow Submarine" by The Beatles and actually like it. Hehe! Great job!

I LOVE THIS!!!
I love the patchwork effect on the submarine...gonna definately use when summer comes closer :)

this is such a cute layout.

i love the font you used, too.

View all »

Designer	bangxdisco
Submitted on	Jan 7, 2008
Page views	18,776
Favorites	125
Comments	12
Reviewer	S-Majere
Approved on	Jan 7, 2008

music, the beatles, submarine, 60's

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts