WinterTime(Rollovers)

Designer's Comments

Look carefully for specific instructions

ooookay ... this is SO not my style .. but i wanted to do this neways .. :)

I know it is kinna plain .. but if u guys seen my other layouts then ya'll know that i like it plain and minimal ..

newyas replace ALL XXXXXX with your Friend-ID

For the Image ... Upload an Image of urself or whoever or whatever to ur photo hosting site .. and replace this link: http://cbimg9.com/layouts/08/11/32521aj.jpg with your link ... make sure u leave the width and height to 120 x 160 .. this picture will link to ur pictures ..

Havent included a friendslink . because most ppl take it off ..

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>
body table {margin-top:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}
 
body {background-color:b1c3e5;
background-image: url();
background-attachment:fixed;
background-repeat:repeat;
scrollbar-arrow-color:7da0c1;
scrollbar-face-color:edf2f9;
scrollbar-highlight-color:edf2f9;
scrollbar-3dlight-color:7da0c1;
scrollbar-shadow-color:edf2f9;
scrollbar-darkshadow-color:7da0c1;
scrollbar-track-color:edf2f9;
}

{text}
table, tr, td, li, p, div {  color:7282a2; font-family:tahoma; font-size:13px;     }

.redtext {  color:7282a2; font-size:13px;      }

a:active, a:visited, a:link{  color:7282a2; font-family:tahoma; font-size:13px; text-transform: uppercase;  }

a:hover {  color:7282a2; font-size:12px;    } 
 
b {color:7282a2; font-family:tahoma; font-weight:bold; font-size:13px;}
 
u{font-family:Candara;font-size:13px;color:7282a2;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:0px dashed;
border-bottom-color:7282a2;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: tahoma;
font-size: 13px;
font-weight: bold;
color: 9eb1d4;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 13px;
font-weight: bold !important;
display: block;
text-align: right;
margin: -10px;
}

{divs}

.layout { background-color:transparent; 
background-image: url(http://i36.photobucket.com/albums/e8/La_Tuya/XmasLayoutcopy-1.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top center;
position: absolute;
left: 50%;
margin-left: -400px;
top: 170px;
height: 899px;
width: 800px;
overflow: auto;
z-index: 1;
}

.aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -391px;
top: 683px;
height: 358px;
width: 480px;
background-color:transparent;
border-color:black; 
border-style:solid; 
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
_padding-right:2px;
z-index: 2;
}

* html .aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -391px;
width: 480px;
border-color:none; 
border-style:none;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
z-index: 2;
}

.box { background-color:none;
position: absolute;
left: 50%;
margin-left: 120px;
top: 920px;
height: 125px;
width: 235px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 50%;
margin-left: 120px;
width: 235px;
overflow-y:hidden;
overflow-x:hidden;;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.image { background-color:none;
position: absolute;
left: 50%;
margin-left: 95px;
top: 755px;
height: 170px;
width: 170px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .image { background-color:none;
position: absolute;
left: 50%;
margin-left: 103px;
width: 170px;
border-color:none; 
border-style:none;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.addtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -306px;
_margin-left: -302px;
top: 429px;
height: 50px;
width: 110px;
_width: 120px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.add{
height:26px; 
width:92px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/add-6.png);

background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.blocktab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -300px;
_margin-left: -300px;
top: 482px;
height: 50px;
width: 115px;
_width: 125px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.block{
height:32px; 
width:100px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/block-7.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

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

.blogtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: 244px;
_margin-left: 244px;
top: 543px;
height: 50px;
width: 110px;
_width: 130px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.blog{
height:32px; 
width:102px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/blog-4.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:top left;}

.pixtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: 245px;
_margin-left: 248px;
top: 464px;
height: 50px;
width: 110px;
_width: 120px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.pix{
height:26px; 
width:88px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/pix-2.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:top left;}

.msgtab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: 239px;
_margin-left: 243px;
top: 505px;
height: 50px;
width: 110px;
_width: 120px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.msg{
height:26px; 
width:98px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/msg-3.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:top left;}

.credittab { background-color:none;
position: absolute;
left: 50%;
_left: 50%;
margin-left: -300px;
_margin-left: -300px;
top: 535px;
height: 50px;
_height: 70px;
width: 110px;
_width: 140px;
overflow-y:auto;
overflow-x:auto;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

.credit{
height:40px; 
width:120px; 
background-COLOR:transparent; 
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/cred.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.credit:hover{background-position:top left;}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<div class="content" align="justify">
Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz ...Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz Here you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plzHere you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plzHere you can type whatever u want .. Talk about yourself, your friends, your hobbies, your fave music .. ooorr u could also put pix in here .. and a music flashplayer or music video .. whatever u plz
</div> 
</div>

<div align="left"><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25maXJtQ29tbWVudA=="><input type="hidden" name="friendID" value="XXXXXXXX" /><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:transparent!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:7282a2!important; border-style:solid!important; font-family:Tahoma!important; font-size:13px!important; color:7282a2!important; width:230px!important; height:90px!important; ">Happy Holidays</textarea><br /><input type="submit" value="Ho Ho Ho" /><input type="reset" value="Clear" /></form>
</center>
</div></div></div></div>

Layout Comments

Showing latest 10 of 14 comments

really neat

By YeseniasDesigns on Jan 19, 2009 12:43 pm

aww .. thank you, jojo .. happy holidays to u too!

By diputs on Dec 7, 2008 11:08 pm

I love this layout muchos!
hehe Ive been looking for a great christmas layout and i didnt like any till i found yours. It worrks perfectly and i love it. Thank you and happy holidays

By jojonessx3 on Dec 7, 2008 10:28 pm

This is realllly awesome. Great graphics and overall design. :)

Only problem? The divs move when I put my browser to full screen. It lines up perfectly if it's half it's normal width (I work with a 1024x768 size, too, so I'd hate to see it on a wide screen). That's the problem with divs, though. =\ It'd be enough to stop me from using it, however.

By CrimsonSkyGraphics on Nov 30, 2008 12:10 am

why wont it play my music?

By cmsladyraider32 on Nov 29, 2008 3:33 pm

ha! wait! nevermind...just read the instructions XD btw...love the lyt

By theaterdruggie08 on Nov 26, 2008 3:44 pm

eh...question!! how do i put a picc where its all liiiike "picture" wow, i feel stupid lmao

By theaterdruggie08 on Nov 26, 2008 3:44 pm

Love this!

By fainaru on Nov 20, 2008 10:08 am

hey how do you do rollovers like thattt?
i have HTML knowledgeeee, is there just a code that i can just put into the div layout codes i make myself?

By cyruscafe on Nov 18, 2008 9:34 pm

Nice and clean. :D

By dreamgurl36 on Nov 18, 2008 4:46 pm

View all »

Layout Details

Designer	diputs
Submitted on	Nov 17, 2008
Page views	7,343
Favorites	74
Comments	14
Reviewer	manny-the-dino
Approved on	Nov 18, 2008

WinterTime(Rollovers)

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