Winter Lights 1

Designer's Comments

Look carefully for specific instructions

Warm thanks to Kevin for letting me use and study his stylesheet.

Best viewed and coded in IE. There is a pixel misalignment in FF. You can fix it. Like this:

.image{

position: absolute;
left: 50%;
margin-left: -474px;
top: 70px;
z-index: 0;

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,
.orangetext15,.blacktext12,.btext,.redtext,.redbtext{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table,td,tr{
	height:0px;
	padding:0px;
	background-color:transparent;
}
table table table{
	height:0px;
	padding:0px;
	visibility:hidden;
	float:none;
}
table table,table table table table{
	background-color:transparent;
	border:0px!important;
	height:0px!important;
}
a.text,table div font a,table div div,.navbar font,tr td font{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table table table,div tr td form{
	visibility:hidden;
}
td.text td.text table table,td.text table table{
	display:inline;
	visibility:visible;
	width:392px;
}
table table td.text table td.text table table tbody td table,span.btext,a.redlink,a.redlink:active,a.redlink:visited,
a.redlink:link,a.redlink:hover{
	display:none;
	visibility:hidden;
} 
a:active img,a:hover img,a:visited img,a:link img{
	cursor:default;
	border:0px!important;
}
td td embed { 
        display:block;
        visibility:visible;
        width:0px;
        height:0px; 
}
body{ 
        background:url(http://cbimg9.com/layouts/08/12/32912aa.jpg);	
        background-attachment:scroll;
	background-position:center;
	background-repeat:repeat-y;
        background-color:5f3e68;
        scrollbar-arrow-color:c0c0c0;
        scrollbar-track-color:5f3e68;
        scrollbar-shadow-color:5f3e68;
        scrollbar-face-color:5f3e68;
        scrollbar-highlight-color:5f3e68;
        scrollbar-darkshadow-color:c0c0c0;
        scrollbar-3dlight-color:c0c0c0;
        overflow-x:hidden;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left: -480px; 
        top: 90px;  
        z-index: 0;
}
.comments{ 
        position: hidden; 
        left: 0%; 
        margin-left: 0px; 
        top: 10px; 
        z-index:0; 
        width: 10px; 
        height: 10px; 
        overflow: hidden;
}
.content{
        position: absolute; 
        left: 50%; 
        margin-left: -170px; 
        top: 480px;
        z-index:5; 
        width: 500px; 
        height: ; 
        overflow: hidden;
}
.navigation{
        position: absolute; 
        left: 50%; 
        margin-left: -362px; 
        top: 480px; 
        z-index:5; 
        width:  130px; 
        height: ; 
        overflow-x: hidden;
}
body,table, td, li, p, div{
        font:normal 11px verdana; 
        color:5f5e5c; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color:d7d1bb; 
        width: px; 
        height:px; 
        color: 5f5e5c; 
        font:11px verdana; 
        text-transform:; 
        border: ;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:9c9c9c;
	font-size:9px;
        background-color:f2f4f3;
	display:block;
	margin-top:1px;
	cursor:cross;
	line-height:12px;
	border:0px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
        border-left: 3px double;
        border-right: 3px double;
	border-color:9c9c9c;
	text-decoration:none;
	text-transform:none;
}
a.navigate:hover{
	padding:1px;
	color:f2f4f3;
	font-size:9px;
	display:block;
        background-color:c3b5c9;
	margin-top:1px;
	cursor:pointer;
	text-indent:0px;
	line-height:12px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
	border-left: 3px double;
        border-right: 3px double;
	border-color:c3b5c9;
	text-decoration:none;
	text-transform:uppercase;
}
a{
        font:normal 11px verdana; 
        color:f2f4f3; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 10px verdana; 
        color:f2f4f3; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:active{
        font:normal 11px verdana; 
        color:f2f4f3; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:visited{
        font:normal 11px verdana; 
        color:f2f4f3; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:hover{
        font:normal 11px verdana; 
        color:f2f4f3;
        text-transform: uppercase;
}
a:link, a.man{
        font:normal 11px verdana; 
        color:f2f4f3; 
        border:0px; 
        text-transform: none; 
}
b {
  font-family: verdana;
  font-weight: bold;
  font-size: 8pt;
  color: 9c9c9c;
}
i {
  font-family: verdana;
  font-size: 7pt;
  font-weight: normal;
  color: 9c9c9c;
}
u {
  font-family: verdana;
  font-size: 8pt;
  font-weight: normal;
  border-bottom: 1px double;
  color: 9c9c9c;
}
h1 {
  border: 1px double;
  border-color: 9c9c9c;
  background-color: c3b5c9;
  font-family: verdana;
  font-weight: bold;
  margin-bottom: 7px;
  color: 9c9c9c;
  line-height: 19px;
  font-size: 8pt;
  letter-spacing: 1px;
  text-align: center;
  align: center;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Headrer</h1>
Nunc sagittis. Donec massa justo, congue at, laoreet at, viverra vitae, odio. Duis facilisis commodo sapien. Proin mattis nibh aliquam justo. Pellentesque dolor elit, tempor quis, venenatis nec, semper in, ipsum. Sed porttitor. Fusce sapien. Nullam sed nibh. Phasellus sapien erat, vestibulum in, hendrerit eget, molestie et, leo. In massa augue, commodo quis, pellentesque a, malesuada vestibulum, nisl. Donec ipsum purus, tincidunt a, dignissim vitae, consequat vel, quam. Sed ligula purus, aliquam ac, auctor auctor, tincidunt eu, nibh. 
<br /><br />

<h1>Header</h1>

Duis quam. Sed ornare magna sit amet diam. Integer porttitor. Nulla tincidunt molestie quam. Maecenas aliquet interdum turpis. Sed id felis. Fusce congue. Vivamus aliquam auctor sapien. Duis dictum, arcu a dictum blandit, massa eros egestas libero, eget pulvinar libero eros non justo. Vestibulum nibh felis, aliquam eu, iaculis in, facilisis ac, arcu. Nunc purus mi, suscipit semper, euismod nec, pulvinar vitae, nisi. Duis mattis aliquet massa. Vivamus elementum. Nunc enim leo, accumsan quis, vestibulum vitae, facilisis sit amet, risus. Integer non tortor. Nullam ut eros. Donec vel tortor. Sed lacinia metus ac dui. Donec porttitor tempus nulla. 
<br /><br /><br /><br />  <br /><br /><br /><br /><br /><br />  <br /><br /><br /><br /><br /><br />  <br /><br />

</div>

<div class="navigation">
<h1>Navigation</h1>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"class="navigate">Comment me</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">View My Friends</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navigate">View My Pictures</a>

<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"class="navigate">View My Comments</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigate">Block me</a><br>

<h1>My friends</h1>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navigate" target="_blank">My friend</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navigate" target="_blank">My frined</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=
XXXXXXXX" class="navigate" target="_blank">My friend</a><br />

<h1>Affiliates</h1>

<a href="" class="navigate" target="_blank">Sitename</a>

<a href="" class="navigate" target="_blank">Sitename</a><br />

<h1>Credits</h1>
<a href="http://xxlilxkevxx.createblog.com/layouts/" class="navigate">xxlilxkevxx</a>
<a href="http://katinka.createblog.com/layouts/" class="navigate">Katinkalayouts</a>

Layout Comments

Showing latest 10 of 14 comments

THIS IS NICE BUT I CAN'T VIEW MY PICS.. WHENEVER I CLICK THE "VIEW MY PICTURES" THIS IS WHAT I GET: Invalid Friend ID.
This user has either cancelled their membership, or their account has been deleted. HOW CAN I FIX IT? HELP PLEASE

By zaraxxx on Jan 29, 2009 11:56 am

I love all of your layouts ;D

By Austinhutching30533 on Dec 20, 2008 9:10 am

Aww and this one too! (in reference to my comment on your other Winter Lights layout) It's so pretty! And it would go perfectly with my icon lol dang it!

By SaritaChiquita on Dec 17, 2008 3:23 pm

The layout is pretty, but I don't like the pink in it.

By SugaPwum on Dec 16, 2008 1:06 pm

Stunning as always Katie!

By SweetLyric on Dec 8, 2008 8:14 pm

like purple and this is sweet!! ;)

By JMaisonlilhouse on Dec 8, 2008 6:18 pm

love this! :)

By MiiSTY on Dec 7, 2008 6:42 pm

man the purple is killing me!it looks Beautiful!!i seriously don't know what to use now!!!Good Job!!Keep Up The Great Work!!!

By Snaily on Dec 7, 2008 5:20 pm

I love the purple.
Nicely done. :)

By so-sarcastic on Dec 7, 2008 4:12 pm

I really like this stylesheet.

By tokyo-rose on Dec 7, 2008 3:42 pm

View all »

Layout Details

Designer	Katinka
Submitted on	Dec 7, 2008
Page views	12,289
Favorites	125
Comments	14
Reviewer	jaeminnie
Approved on	Dec 7, 2008

Winter Lights 1

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates