Music and Love (updated)

The layout was designed and coded by DH Dezigns.
It was inspired by a recent desire to update my personal myspace and I also felt the need to share.

As always, comments are appreciated if you use.

Hope ya like it xD

Note: The Who I'd Like to Meet Section has been edited to fix the comment box code so that it now has a submit button and the box isn't full of code. Thank you to CrotchetTheLeper for pointing it out.

UPDATE: The layout is now resolution friendly and also shows the ad. Please let me know if you experience any other problems.

The CB previewer is messed up. For a better preview click here

• 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> table div td form {display:inline;} div td form, div div select, .mslogo, div ul, i.i, .i{display:none!important;} div div, div td, table div div, tr, tr td div, div td, div tr, div table, table,td,tr {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} .clearfix table div div{display:block;} div table tr td div {position:absolute;left:0px;z-index:3;} .blurbs td.text, td div a.text, .contactTable, .userProfileURL, .extendedNetwork, .latestBlogEntry, .orangetext15, .interestsAndDetails, .lightbluetext8, .userProfileDetail, .btext, .redbtext, .contactTable table td.text, .userProfileDetail td, .friendsComments, .friendSpace, .contactTable a, .profileInfo, .userprofilenetworking, .userprofileschool, .userprofilecompany {display:none!important; visibility:hidden; border:0px;} table div font{margin-left:-825px;} table div div{font-size:0;} {music}td td object {visibility:hidden;} body{background:url(http://i352.photobucket.com/albums/r346/dhdezigns/music%20and%20love/bg-1.jpg);scrollbar-face-color:101010;scrollbar-arrow-color:010101;scrollbar-track-color:transparent;} b {color:101010; font-size:11px; font-family:arial; letter-spacing:1px; font-weight:bold;} i {color:101010; font-size:13px; font-family:arial narrow; letter-spacing:1px; font-weight:normal;} u {color:101010; font-size:11px; font-family:arial; letter-spacing:1px; font-weight:underlined; border-bottom:2px solid; border-color:f0f0f0; line-height:13pt;} s {color:101010; font-size:13px; font-family:arial; letter-spacing:1px; font-weight:normal; text-decoration:strike;} STRONG {color:090909; font-weight:heavy; border-bottom:1px dashed; border-color:5e614c;} .bg{position:absolute;top:90px;left:50px;} .content{position:absolute;top:500px;left:73px;width:300px;height:400px;color:303030;font-size:11px;text-align:justify;font-family:arial;line-height:12px;letter-spacing:0px;font-weight:normal;} .cmntbox{position:absolute;top:925px;left:73px;width:300px;height:50px;text-align:center;} h1{font-family:arial narrow;font-size:15px;text-transform: uppercase;color:fefefe;background-color: transparent;letter-spacing:-1px; border-bottom:4px solid; border-color:000000;font-weight:normal; margin-bottom:4px; margin-top:5px; padding:1px; line-height:40%; text-align:right;} h2{font-family:arial narrow;font-size:15px;text-transform: uppercase;color:fefefe;background-color: transparent;letter-spacing:-1px; border-bottom:4px solid; border-color:000000;font-weight:normal; margin-bottom:4px; margin-top:5px; padding:1px; line-height:40%; text-align:left;} a:link, a:visited {color: 303030; text-decoration:none; text-transform:lowercase; font-weight:normal; font-size:9px; line-height:10px;} a:hover, a:active {color:000000; text-decoration:none; text-transform: lowercase; border-bottom: 1px dashed; border-color:fff; font-weight:normal; font-size:9px; line-height:10px; letter-spacing:0px; background-color:646c57;} a.aff:link, a.aff:visited, a.aff:active{font-family:century gothic; font-size:8pt; color:000000; text-decoration:none; text-transform:lowercase;background-color:646c57;} a.aff:hover {font-family:century gothic; font-size:8pt; color:303030; text-decoration:none; text-transform:lowercase; letter-spacing:0px; background:none; border:none;} a.img:link, a.img:visited, a.img:active {cursor:ne-resize; background:none; padding-left:0px;} a img {border:0px;} a:hover img{filter:gray;}</style>

<div class="bg"><img src="http://i352.photobucket.com/albums/r346/dhdezigns/music%20and%20love/main.png" width="345" height="950" /></div> <div class="content"> <a href="http://home.myspace.com/index.cfm?fuseaction=user&">home</a> | <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> | <a href="http://collect.myspace.com/index.cfm?X fuseaction=block.blockUser&userID=XXXXXXXX">block</a> | <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a> | <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">loves</a> | <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0 ">photography</a> | <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">thoughts</a><br /> <h2> </h2><center>This layout was designed and coded by <a class="aff" href="http://www.dhdezigns.com" target="_blank">DH Dezigns</a> </center><br /> <h2>Title.</h2><strong>DH Dezigns</strong> Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. <br /> <h1>Title</h1>Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of. Tell a bit about yourself. What you like, don't like. Hobbies. Dreams. Goals. Or whatever else you can think of.<br /> <h2>Title</h2> Likes. Dislikes. Friends. Favortite music. Quotes. Whatever you wish.<br /><br /> <b>bold</b> <i>italics</i> <u>underlined</u><br /> this section is not set to scroll, I don't think anyone would have that much to say. the layout is intended to be simple, but you never know. </div> <div class="cmntbox"><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="> <input name="friendID" value="XXXXXXXX" type="hidden" /><textarea name="f_comments" style="width:300px; height:45px; scroll:auto; background-image:url(http://i352.photobucket.com/albums/r346/dhdezigns/music%20and%20love/bg.jpg); font-family:century gothic; font-size:10pt; text-transform:lowecase; color:000000; border:1px solid; border-color:ffffff;">tell me no lies.</textarea><br /><input type="submit" value="post it" style="color: 646c57!important; font-size: 8pt; font-family: arial; text-transform:uppercase; letter-spacing: 2px; height: 15px; width: 300px; background-color: 101010; border:1px solid; border-color: 000000;line-height: 12px;" /></form>

FUCK!!! I wish it would scroll, and the music player won't work!

I wish it would scroll, and the music player won't work with it, but otherwise I love it.

you did i great job on the guitar but i like the stripes alone
no offense its just me

I like the banner.

BOLD IS GOOD! MUSIC AND LOVE GOES TOGETHER THANKS :)

Wow. Very nice job. i really like the Guitar design. i wish i was that creative =P

Something's up with the comment box in the preview. It's full of code and there's no submit button. ;D
If I were you, I'd change the background of the comment box as well. It makes the text difficult to read.
Perhaps just make it a simple white-text on a black-background box.

Other than that, this is absolutley flawless. I must say this is one of my alltime favorites! :D

im having trouble i dont have enough space to write
it runs out, and just looks like a mess can u help? please!!

i like it. the striped are a little too much though

I love this. But I agree, the striped bg is a little too bold.

View all »

Designer	xDarkHope
Submitted on	Jul 30, 2008
Page views	11,509
Favorites	91
Comments	11
Reviewer	manny-the-dino
Approved on	Jul 31, 2008

love, music, objects, stripes, simple, guitar, artistic

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

• Here I Stand Layouts