A Touch Of Bliss

Designer's Comments

Look carefully for specific instructions

My gift for thanks giving :) Even though this has nothing to do with thanksgiving, what the hell!

Replace the "xxxxxxxxxxxx"s in the navigation links with your myspace ID (view below to find myspace ID to make the links valid.

To locate your myspace ID, log in to your myspace, click "view my profile", and at the end of the internet adress bar should have numbers.

Example:3423434

TO REPLACE THE IMAGES WITH YOUR OWN, replace the image urls with your own.

The image starts with
img src="IMAGE URL HERE"

To replace the images with your own images, replace the Url within the quotes.

IMPORTANT If you are having trouble finding the navigation links to replace with your myspace id, they are the VERY FIRST set of codes in the "WHO I'D LIKE TO MEET" codes =)

Please, dont remove the credits.
Enjoy! =)

IMAGES: I really dont know who or what to credit, I got that image off Adobe stock photos, and ps'ed the hell outta it =D

Check us out! SWEET!@

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">
body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
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;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
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;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
td td embed, td td object { position: absolute; top: -500px; left: -500px; }
td td td embed, td td td object { position: static !important; }
img {border:0px}

body {
	background-color:b7da4f!important;
	background-image:url("none");
	background-repeat:repeat-y;
	background-position:top center;
	background-attachment:scroll;
}
td, .text, div, input {
	color:595959!important;
	font-family:arial;
	font-size:7pt;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing: 0px;
} 
.home{
	height:100px; 
	width:150px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/11/22/23318aa.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;
	overflow:hidden}

.home:hover{
	background-position: bottom left;}

.add{
	height:80px; 
	width:160px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/11/22/23318ab.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.add:hover{
	background-position: bottom left;}

.pictures{
	height:100px; 
	width:150px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/11/22/23318ac.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.pictures:hover{
	background-position: bottom left;}

.message{
	height:100px; 
	width:200px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/11/22/23318ad.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.message:hover{
	background-position: bottom left;}

.block{
	height:100px; 
	width:150px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/11/22/23318ae.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.block:hover{
	background-position: bottom left;}

.sweet{
	height:42px; 
	width:84px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/11/22/23318af.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.sweet:hover{
	background-position: bottom left;}

.nav {
	display:block;color:1ba6bb!important;
	text-align:right;
	font-family:arial;
	overflow-x:hidden;
	font-size:9pt;
	letter-spacing: -1px;
	font-weight: bold;
	width:100%;
	text-transform:lowercase;
	text-decoration:none!important;
	line-height: 14px;
	background-color:212121;
	margin: 1px;
	border-left:0px solid;
	border-right:0px solid;
	border-color:b1b3ce;
	font-weight:bold;
}
.nav:hover {
	display:block;color:1ba6bb!important;
	font-family:arial;
	overflow-x:hidden;
	font-size:9pt;
	letter-spacing: 0px;
	font-weight: bold;
	width:100%;
	text-transform:lowercase;
	text-decoration:none!important;
	line-height: 14px;
	background-color:1a1a1a;
	margin: 1px;
	border-left:0px solid;
	border-right:0px solid;
	border-color: 161616;
	text-align:right;
	border-color:b1b3ce;
}
a {
	color:ffffff!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;
}
a:hover {
	color:1ba6bb!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;}

h1 {
	margin: 0px;
	color: 370011;
	text-align:right;
	border-left:4px solid;
	border-color:303030;
	font-family:arial;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	background-color: b7da4f;
	line-height: 9px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	background-image:url("http://cbimg6.com/layouts/07/11/22/23318ag.png");
	background-postion:top left;
	background-repeat:repeat-y;
}
h2 {
	margin: 0px;
	color: 370011;
	text-align:right;
	border-left:4px solid;
	border-color:303030;
	font-family:arial;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	background-color: 1ba6bb;
	line-height: 9px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	background-image:url("http://cbimg6.com/layouts/07/11/22/23318ah.png");
	background-postion:top left;
	background-repeat:repeat-y;
}
h3 {
	font-family:times;
	color:330010;
	font-size:14pt;
	text-transform:uppercase;
	width:20px;
	height:13px;}
li {
	color:cbb99d; 
	line-height:13px;
	font-family:georgia;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:1ba6bb;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:ffffff;
	font-size:9pt;
	cursor:default;
	line-height:9px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:uppercase;
}
i{
	color:b7da4f;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:d04653;
	font-size:8pt;
	cursor:default;
	line-height:9px;
	letter-spacing:0px;
	font-family:courier new;
	text-transform:uppercase;}

.kissofblissbg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:800px;
	height:700px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	left:50%;
	top:0%;
	margin-left:-400px;
	margin-top:190px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/11/22/23318ai.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

.kissofblissnavigation {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-397px;
	margin-top:95px;
	text-align:justify;
	visibility:visible;
}

.kissofblissaddme {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-227px;
	margin-top:100px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.kissofblisspics {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow:hidden;
	position:absolute; z-index:3;
	left:50%;
	top:0%;
	margin-left:120px;
	margin-top:95px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.kissofblissmessage {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-97px;
	margin-top:90px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.kissofblissblock {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:270px;
	margin-top:95px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.kissofblisssweet {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow:hidden;
	position:absolute; z-index:2;
	right:0%;
	top:0%;
	margin-right:10px;
	margin-top:10px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}
.kissofblisscomment {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height:auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:109px;
	margin-top:212px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.kissofblissaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:467px;
	height:286px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-379px;
	margin-top:578px;
	text-align:justify;
	visibility:visible
}

.kissofblissextras {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:265px;
	height: 237px;
	overflow:auto;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:109px;
	margin-top:312px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}
.kissofblissyourpics {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:265px;
	height: 283px;
	overflow:auto;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:109px;
	margin-top:580;
	text-align:justify;
	visibility:visible;
	z-index:5;
}
.kissofblisscover {
	background-color: b7da4f!important;
	border:0px solid;
	border-color:black;
	width:770px;
	height:50px;
	overflow-x:hidden;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-385px;
	margin-top:90px;
	text-align:justify;
	visibility:visible
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="xxxxxxxxxx" type="hidden"> <textarea name="f_comments" class="color">comment me here</textarea><br /> <input type="submit" value="submit" class="button"></form>

<div class="kissofblissaboutme">
<h1>about me</h1>
Agh!  This layout took SO <b>long</b> to <i>code</i>.  My dear lord.  Orginally the <u>cloud</u> navigation was not even supposed to be there, but I wanted to try something <i>new</i>.  It sorta looks.. <s>odd</s>.  Haha.  Yes, the coding to long because I was racking my brain, trying to decide which <i>colors</i> I would want for this layout.  So, I decided, the main colors would be a <b>blueish-cyan</b>, and a <i>pine-green</i>.  Anyway, the image is from a stock program, so I guess no credit is needed?  If the image is copyrighted, place contact me <b<immediately</b>, and I will remove this layout.  Leave the credits in place, thanks! :)
<br>
<h2>layout css</h2>
<ul>
<li><b>Bold text</b></li>
<br>
<li><u>Underlined text</u></li>
<br>
<li><s>strike through text</s></li>
<br>
<li><i>italicized text</i></li>
</ul>

<h1>heroes</h1>
This is basically like your <b>heroes</b> section.  Put in whoever you admire :)  Also, keep in mind that you can <i>delete</i> this section if you would like.  This section is <u>removable!</u> You may insert <s>pictures</s> into this, but make sure the images do <u>not</u> exceed <b>314</b> pixels width wise.  You dont want a <b>ugly</b> scrollbar on the content section going horizontally, now do you? :)
<br>
(c)<a href=http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vYWFuZGpfcHJvZHVjdGlvbno=>credit</a>
<br>
</div>

<div class="kissofblissextras">
<h1>Extras!</h1>
<marquee direction="left" scrollamount="3" height:100px;>
<a href="YOUR_FRIEND_URL_HERE"> <img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a> 
<a href="YOUR_FRIEND_URL_HERE"><img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a> 
<a href="YOUR_FRIEND_URL_HERE"><img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a> 
<a href="YOUR_FRIEND_URL_HERE"><img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a> 
<a href="YOUR_FRIEND_URL_HERE"><img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a> 
<a href="YOUR_FRIEND_URL_HERE"><img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a>
 <a href="YOUR_FRIEND_URL_HERE"><img src="http://cbimg6.com/layouts/07/11/22/23318aj.png"></a> 
> </marquee>
Woo, Extra space!  The above images, you <b>replace WITH YOUR OWN</b> images.  Upload your images to a number of <u>image</u> hosting sites.  Make sure, if you are going to the images <b>larger</b> than the <i>100px</i>, then REMEMBER, change the <b>height=100px</b>, in the marquee code.
</div>

<div class="kissofblissyourpics">
<center>
<img src="http://cbimg6.com/layouts/07/11/22/23318aj.png">
<br>
<b>Your</b> image here<i>?</i>
</center>

<a href="YOUR_fRIEND_URL_HERE" class="nav">friend urls!</a>
<a href="YOUR_FRIEND_URL_HERE" class="nav">misc. links</a>
<a href="YOUR_fRIEND_URL_HERE" class="nav">friend urls!</a>
<a href="YOUR_FRIEND_URL_HERE" class="nav">misc. links</a>
<a href="YOUR_fRIEND_URL_HERE" class="nav">friend urls!</a>
<a href="YOUR_FRIEND_URL_HERE" class="nav">misc. links</a>
<a href="YOUR_fRIEND_URL_HERE" class="nav">friend urls!</a>
<a href="YOUR_FRIEND_URL_HERE" class="nav">misc. links</a>
<a href="YOUR_fRIEND_URL_HERE" class="nav">friend urls!</a>
<a href="YOUR_FRIEND_URL_HERE" class="nav">misc. links</a>
<a href="YOUR_fRIEND_URL_HERE" class="nav">friend urls!</a>

</div>

Layout Comments

Showing latest 10 of 115 comments

BECAXX, I believe you about your song not playing in FF but playing in IE8. IT's kind of irritating. It's also like, layouts look one way in Google Chrome but a bit distorted in FF & IE8. Things are just different.

By Butterface89 on Aug 2, 2010 9:55 am

Oh this is one of the first layouts I ever saw on here and it's one of the layouts ( there were 2) that brought me here, made me really look at Createblog like they had something going on (:

By Butterface89 on Aug 2, 2010 9:53 am

It has scroll bars....the ugly scroll bars.

By Kazz-E on Jun 3, 2009 4:34 pm

I'm setting this up for my cousin's myspace and I don't want the ad to be hidden, because I'm afraid my cousin's account will get deleted or whatever. Can you tell me what part of the code hides the ad?

By myspaceperson on May 8, 2009 3:33 pm

great colors & love the roll-overs!

By calilani on Apr 22, 2009 12:21 am

i love the roll overs.
^-^

By IDTAPTHATFLOOR on Apr 16, 2009 5:09 pm

For some reason this makes the ad appear in the middle of the page...Not sure if it's just me or what... >>

By littlemihaela on Jan 22, 2009 12:27 pm

Not sure if someone has said this already, but when using Firefox, myspace songs do NOT play. On the other hand, they DO play when using IE. Not sure what's up with that but just letting you know if you didn't know already.

Amazing layout by the way. I'm using it currently if you couldn't tell. lol

By Becaxx on Jan 19, 2009 11:07 pm

ok.. so i supa love this right? and i used it of course cause your amazing at this creation! but.. i have a tinsy bit of a problem.. before every picture i has a white box saying "terms of service violation". i looked through out the whole code and i couldnt find anything that would do that.

Help? please? :)

By lisser03 on Jan 5, 2009 9:51 pm

i love the rollovers! :D very cute.
also, the photo!
*sigh*
a touch of bliss ;D

By MiiSTY on Dec 31, 2008 7:16 pm

View all »

Layout Details

Designer	IBangBaby
Submitted on	Nov 22, 2007
Page views	105,407
Favorites	1053
Comments	115
Reviewer	IVIike
Approved on	Nov 22, 2007

A Touch Of Bliss

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates