Coffee Is Love

IF IT LOOKS MISALIGNED TRY HITTING REFRESH.

Credits: Layout tutorials I followed for this code came from here and here. Comment box tutorial came from here. Centered with this this tutorial. Rollovers help came from here and ad fixed with help thanks to her.

Etc: All credits are on the layout at the bottom. Go ahead and use the code if you want to, although it might be easier following the tutorials above.

Tested in IE.

• 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> body{ background-image: url('http://cbimg9.com/layouts/08/12/33050aa.png'); background-color: F0F0EC; background-repeat: repeat; background-position: center center; scrollbar-arrow-color:9D6971; scrollbar-track-color:BE949A; scrollbar-shadow-color:9D6971; scrollbar-face-color:CFB3B8; scrollbar-highlight-color:9D6971; scrollbar-darkshadow-color:9D6971; scrollbar-3dlight-color:9D6971;} font, body, table, td, div, h2, br, a, p {font-family:arial; font-size:11px; color:eeeeee; background-color:none; text-transform:none; text-decoration:none; font-weight:none;line-height:12pt;} .text, .redtext, .redbtext {font:normal 11px arial; color:eeeeee; font-weight:none; border:0px; text-transform: none; line-height:12px;} .orangetext15, .nametext {font-family: arial; color: eeeeee; font-weight: bold; font-size: 11px; letter-spacing: 0px;} .lightbluetext8, .blacktext12, .whitetext12, .blacktext10 {font-family:arial; font-size:11px; color:eeeeee; font-weight:bold;border:0px; text-transform: none;} a{color: A96157; text-decoration: none; font-size: 11px; font-family: arial;} a:link{color: A96157; text-decoration: none; font-size: 11px; font-family: arial;} a:active{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a:visited{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a:hover{ color: CDBFC5; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;} a.redlink{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.redlink:link{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.redlink:active{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.redlink:visited{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.redlink:hover{ color: CDBFC5; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;} a.navbar{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.navbar:link{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.navbar:active{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.navbar:visited{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.navbar:hover{ color: CDBFC5; text-decoration:none; font-size: 11px; font-family: arial; cursor: default;} a:link, a.man{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a:active{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a:visited{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a:hover{ color: CDBFC5; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;} a.text:link{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.text:visited{color: BFADB5; text-decoration: none; font-size: 11px; font-family: arial;} a.text:hover{ color: CDBFC5; text-decoration: none; font-size: 11px; font-family: arial; cursor: default;} 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;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} 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;}div div table div {display:none;} .clearfix table div div {display:block;} .profile, div ul {display:none !important;} .standard b, p b, B, strong { font-family:arial; font-size:11px; color:D8C4CC; font-weight:bold;border:0px;} h1 { border-bottom: 4px solid; border-color:956B76; font:18px, "georgia", sans-serif; line-height: 16px; text-transform:uppercase; letter-spacing: -2px; color:83616A; font-weight: bold; margin-top: 8px; background-image: url('http://cbimg9.com/layouts/08/12/33050ab.png'); margin-right: 4px; margin-left:4px; } a.nav:link, a.nav:visited, a.nav:active { background-color:DAB6C4; color:956B76; display: block; width: 175px; list-style-type: none; border-left: 10px solid; border-bottom: 1px solid; border-color:9F7B84; font:18px, "georgia", sans-serif; line-height: 19px; letter-spacing: -2px; text-transform: uppercase; font-weight: bold;} a.nav:hover { background-color: D2AABB; color:83616A; display: block; width: 175px; list-style-type: none; border-left:10px solid; border-bottom: 1px solid; border-color:9F7B84; font:18px, "georgia", sans-serif; line-height: 19px; letter-spacing: -2px; text-transform: uppercase; font-weight: bold;} p {padding: 5px;} .home {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ac.png"); background-repeat:no-repeat; background-position:top left; } .home:hover {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ad.png"); background-repeat:no-repeat; background-position:bottom left;} .add {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ae.png"); background-repeat:no-repeat; background-position:top left; } .add:hover {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050af.png"); background-repeat:no-repeat; background-position:bottom left;} .message {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ag.png"); background-repeat:no-repeat; background-position:top left; } .message:hover {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ah.png"); background-repeat:no-repeat; background-position:bottom left;} .pics {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ai.png"); background-repeat:no-repeat; background-position:top left; } .pics:hover {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050aj.png"); background-repeat:no-repeat; background-position:bottom left;} .blog {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050ak.png"); background-repeat:no-repeat; background-position:top left; } .blog:hover {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050al.png"); background-repeat:no-repeat; background-position:bottom left;} .block {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050am.png"); background-repeat:no-repeat; background-position:top left; } .block:hover {display:block;width:127px;height:45px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/12/33050an.png"); background-repeat:no-repeat; background-position:bottom left;} </style>

<div class="bg" style="position: absolute; left:50%; top:150px; margin-left:-299.5px; width:599px; height:411px; overflow: hidden; z-index:0; div align:center;"> <img src="http://cbimg9.com/layouts/08/12/33050ao.png" /></div> <div class="content" style="position: absolute; left:50%; top:570px; margin-left:-75px; width:370px; height:1000px; overflow: auto; z-index:2;div align:center;"> <h1>About Me</h1> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Praesent commodo malesuada nunc. Morbi dapibus. Ut dui. Nam in ante at diam congue congue. Ut tortor enim, laoreet ac, tincidunt id, tincidunt vel, eros. Sed aliquet interdum tellus. Duis ipsum dolor, sodales a, egestas ac, tincidunt sit amet, leo. Duis vitae eros. Nullam eu augue ac enim tristique interdum. </p> <h1>Extra Header</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempus vulputate massa. Etiam eget elit a eros vulputate facilisis. Aenean ultricies, est et euismod accumsan, mauris enim mattis felis, vitae sollicitudin lacus ipsum id arcu. Pellentesque nisl nisi, consequat ac, dignissim sit amet, sagittis ut, ligula. In erat elit, consequat in, mattis nec, lacinia ut, turpis. Pellentesque a justo. Praesent est. Ut mattis laoreet arcu. <p> <h1>Extra Header</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tempus vulputate massa. Etiam eget elit a eros vulputate facilisis. Aenean ultricies, est et euismod accumsan, mauris enim mattis felis, vitae sollicitudin lacus ipsum id arcu. Pellentesque nisl nisi, consequat ac, dignissim sit amet, sagittis ut, ligula. In erat elit, consequat in, mattis nec, lacinia ut, turpis. Pellentesque a justo. Praesent est. <p> <p> <h1>Friends</h1> <p> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg9.com/layouts/08/12/33050ap.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg9.com/layouts/08/12/33050ap.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg9.com/layouts/08/12/33050ap.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg9.com/layouts/08/12/33050ap.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg9.com/layouts/08/12/33050ap.png" /></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=FRIENDSID" target="_blank"><img src="http://cbimg9.com/layouts/08/12/33050ap.png" /></a> </p> <p> </div> <div class="content" style="position: absolute; left:50%; top:570px; margin-left:-299.5px; width:200px; height:1000px; overflow: auto; z-index:2;div align:center;"> <h1>Stats</h1> <p> <img src="http://cbimg9.com/layouts/08/12/33050aq.png" alt="" align="left" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In lorem. Praesent commodo malesuada nunc. Morbi dapibus. Ut dui. Nam in ante at diam congue congue. <p> <h1>Navigate</h1> <center> <p> <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home" target="_blank"></a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendid=XXXXXXXX" class="add" target="_blank"></a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendid=XXXXXXXX" class="message" target="_blank"></a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewpicture&friendid=XXXXXXXX&albumid=0" class="pics" target="_blank"></a> <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.listall&friendid=XXXXXXXX" class="blog" target="_blank"></a> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX" class="block" target="_blank"></a> <p> </center> <h1>Comment</h1> <p> <center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXX" /> <textarea name="f_comments" style="font-family:georgia; color:000000; font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:0px; width:155px; height:60px; padding:1px; text-align: left; background-color:E8DAD0; border-color:000000; border-width:1px; border-style:solid; overflow:hidden; background-image:url();">Comment Me?</textarea><br /> <input style="font-family:georgia; text-transform:uppercase; color:000000; font-weight:normal; letter-spacing:0px; font-size:11px; width:150px; height:18px; background-color:E8DAD0; border-color:000000; border-width:1px; border-style:solid; text-align: center; background-image:url();" type="submit" value="Submit" /> </form></center> <h1>Credits</h1> <p> <br /><b>Designer:</b> <a href="http://sweetalacrity.createblog.com/">SweetAlacrity </a>. <br /><b>Resources:</b> <a href="http://masterjinn.deviantart.com/" target="_blank">&</a>, <a href="http://boxx2genetica.deviantart.com/" target="_blank">&</a>, <a href="http://sanami276.deviantart.com/" target="_blank">&</a>, <a href="http://www.hybrid-genesis.com/freebies.html" target="_blank">&</a>, <a href="http://www.sxc.hu/" target="_blank">&</a>, <a href="http://lovelytrash.org/" target="_blank">&</a>, <a href="http://www.swimchick.net/" target="_blank">&</a>, <a href="http://nadine.fan-arts.net/" target="_blank">&</a>. </p></div>

Oh my.

this is superawesome (:

this is so pretty!

I love this and I love coffee! wonderful:)

i agree 100%. beautiful.

i would love to work with u one day >:)

i dont like coffee but this is absolutely beautiful.
i like the glowy softness it has.

I'll salute to that. Pretty!

This is just lovely. I love the roll overs.

not that i drink coffee but....THIS LAYOUT LOOKS AWESOME!!!!i like the textures!!!/and the colors too!!!im using it in January =D!Good Job!Keep Up The Great Work!!

View all »

Designer	sweetalacrity
Submitted on	Dec 16, 2008
Page views	15,338
Favorites	155
Comments	19
Reviewer	karmakiller
Approved on	Dec 16, 2008

abstract, coffeebreak, espresso, darkpurple

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

• Here I Stand Layouts