Wintertime

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

I took this picture today and edited it myself. I also wrote all the codes. Please don't jock. It's not cool.

This layout was tested in Firefox, Safari, Internet Explorer, and Google Chrome. It works best in Firefox.

This picture was taken at George Fox University in Newberg, Oregon.

PLEASE PLEASE PLEASE READ THE INSTRUCTIONS WRITTEN INTO THE LAYOUT. CLICK ON THE PREVIEW - YOU CAN SEE ALL THE INSTRUCTIONS THERE. THOSE ARE IMPORTANT.

Enjoy (:

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

<div style='width:415px;margin-left:5px;'>
<a href='index.cfm?fuseaction=user'>Home</a> | <a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'>Add</a> | <a href='index.cfm?fuseaction=mail.message&friendID=XXXXXXXX'>Message</a> | <a href='index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX'>Comment</a> | <a href='index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX'>Pictures</a> | <a href='index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX'>Block</a> | <a href="http://elletricity.com">Credit</a>
</div>
<div style='overflow:none;width:415px;margin-top:10px;margin-left:5px;'>
<h1>About Me</h1>
<br />
<div class='aboutMe'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean viverra quam et velit. Aliquam commodo, purus ut euismod tincidunt, quam quam feugiat diam, in pretium odio diam non velit. Nam dignissim lacinia lorem. Pellentesque urna enim, rutrum sed, gravida ac, placerat sed, turpis. In vel pede. Mauris euismod, orci ac pellentesque tristique, metus mi dapibus nulla, vel bibendum magna dui sed ligula. Suspendisse dignissim accumsan diam. Ut sollicitudin fermentum nisl. Integer mi mauris, posuere non, porttitor vel, dictum id, dui. Vivamus faucibus. Nullam pulvinar orci ut diam.
<p>
Donec tincidunt augue at ante fermentum consequat. Donec purus. Sed nulla magna, lobortis at, aliquam nec, lobortis at, lacus. Pellentesque sed metus quis dolor auctor luctus. Cras malesuada felis eget turpis. Nulla pellentesque urna. Curabitur quam ante, fringilla id, adipiscing id, vulputate et, felis. Duis ut mauris. Nam quis massa eget felis convallis imperdiet. Duis eget metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas at ante ac odio viverra viverra. Vestibulum molestie, tortor sed suscipit mattis, dui enim mollis leo, et sodales leo metus quis leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
<p>
Nunc fringilla pretium sem. Aenean ac mauris non ipsum cursus pretium. Praesent accumsan, metus in sollicitudin adipiscing, risus neque ullamcorper odio, sit amet sollicitudin augue mauris vel enim. Pellentesque euismod lectus at sem. Integer faucibus leo nec pede. Pellentesque vel erat. Maecenas elementum. Donec sagittis, ligula quis faucibus iaculis, velit sem cursus arcu, eget dapibus augue leo et leo. Praesent metus nisi, hendrerit eget, bibendum sit amet, pretium et, erat. Aliquam erat volutpat. In hac habitasse platea dictumst. Donec molestie pulvinar nunc. Sed euismod adipiscing leo. Aliquam commodo pede quis enim. Vestibulum vel mi. Fusce rutrum nibh a tortor.
</div>

<div class="YOU CAN DELETE">
<p>
<h1>Miscellaneous Instructions</h1>
<div class='other'>
1. You can delete this div and the class description divs.
<p>
2. Please do not remove the credit <span class='capslock'>OR</span> the bottom links.
<p>
3. The links may not look complete, because I only used part of the full link. You don't need the "http://www.myspace.com..." part. It's not necessary.
<p>
For example, when a link looks like this:
<br />
<textarea>< a href='index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX'>Add< / a ></textarea>
<p>
Simply put your friend ID into the link:
<br />
<textarea>< a href='index.cfm?fuseaction=invite.addfriend_verify&friendID='55224649'>Add</a></textarea>
<p>
4. Remember to replace "XXXXXXXX" with <span class='capslock'>YOUR</span> friend ID and "TOPFRIENDID" with the friend ID of your top friends!
<p>
5. To create a new box like the "About Me" and "Favourites" divs, insert this:
<textarea>
<p>
<h1>Your Title Here</h1>
<div class='other'>
Your text here.
</div>
</textarea>
</div>
<p>
<h1>Basic Class Description</h1>
<div class='other'>
This is normal text.
<br />
<a>This is a link.</a>
<br />
<h1>This is a header</h1>
<br />
<b>This is bolded text.</b>
<br />
<i>This is italicized text.</i>
<br />
<u>This is underlined text.</u>
</div>
<p>
<h1>Created Class Description</h1>
<div class='other'>

<span class="capslock">This is "capslocked" text.</span>
<br />
<span class="pinkk">This is "pinkk" text.</span>
<br />
<span class="indigoo">This is "indigoo" text.</span>
<br />

<span class="orangee">This is "orangee" text.</span>
</div>
</div>

<p>
<h1>Favourites</h1>
<div class='friends'>
<a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>, <a href='TOPFRIENDID'>TOP FRIEND</a>
</div>

<p>
<h1>Music</h1>
<div class='details'><z>
Type in your favourite music and artists here. Music, music, music, music.
</div>

<p>
<h1>Movies</h1>
<div class='details'><z>
Type in your favourite movies and actors here. Movies, movies, movies, movies.
</div>

<p>
<h1>Television</h1>
<div class='details'><z>
Type in your favourite television shows here. Television, television, television, television.
</div>

<p>
<h1>Books</h1>
<div class='details'><z>
Type in your favourite books and authors here. Books, books, books, books.
</div>

<p>
<h1>Heroes</h1>
<div class='details'><z>
Type in your heroes and heroines here. Heroes, heroes, heroes, heroes.
</div></z>

<p>
<h1>Bottom Links</h1>
<div class='bottomlinks'>
<a href='index.cfm?fuseaction=misc.aboutus'>About</a> | <a href='index.cfm?fuseaction=misc.terms'>Terms</a> | <a href='index.cfm?fuseaction=misc.privacy'>Privacy</a> | <a href='index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome'>Safety</a> | <a href='index.cfm?fuseaction=misc.contact'>Contact</a> | <a href='index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID=XXXXXXXX'>Report</a>
<br />
<a>©Myspace.com. All Rights Reserved.</a>
</div>
</div>

</td></tr></table><table style='display:none'><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

body { background-color:FFF;background-image:url('http://cbimg9.com/layouts/08/12/33017ab.gif');background-attachment:fixed; }

a.text, table div font a, table div div { visibility:hidden; }
table table div font a, table table div div { visibility:visible; }
img { border:0px; }
table tr td div font { display:none; }
tr { background-color:transparent }

.clearfix td { background-color:transparent!important; }
.mslogo, .clearfix select, .clearfix form, .clearfix ul { display:none!important; }
div.profilewidth div { filter:alpha(opacity=0)!important;opacity:0; }
.profilewidth .clearfix, .profilewidth div div { filter:none!important;opacity:1; }
.profilewidth { margin-top:-30px!important;margin-bottom:-30px!important; }
.profilewidth .clearfix { position:relative;top:30px;background:none!important; }
div[id="shortcuts"] { opacity:0!important; }
tr td .clearfix div { filter:alpha(opacity=0)!important; }

table, tr, td { background-color:transparent;padding:0px!important; }
table div br { line-height:0px; }

.blurbs { position:absolute;top:110px;left:50%;margin-left:-208px;width:415px;padding:0px;background-color:transparent!important;text-align:center; }
.blurbs td.text { display:none; }
.orangetext15 { display:none; }

div, table, td, p, .text, font, textarea, input { font-family:arial;font-size:8pt;text-decoration:none!important; }

a, a:active, a:link, a:visited, .details, z { font-family:arial;font-weight:normal;color:333366!important;text-transform:uppercase;font-size:8px;letter-spacing:2px;text-decoration:none!important;line-height:14px; }
.details, z { color:000!important; }

a:hover, z:hover { font-family:arial;color:9999CC!important;font-weight:normal;text-transform:uppercase;font-size:8px;letter-spacing:2px; }

h1 { font-family:arial;color:9999CC!important;font-weight:normal;text-transform:uppercase;font-size:12px;letter-spacing:4px; }

.capslock { font-family:arial;font-weight:normal;text-transform:uppercase;font-size:8px;letter-spacing:2px; }

.aboutMe, .other { width:380px;padding:10px 20px;background-color:FFF;border:1px solid;border-color:000033;text-align:justify!important;margin-top:5px; }

.friends, .details, .bottomlinks { width:380px;padding:10px 20px;background-color:FFF;border:1px solid;border-color:000033;text-align:center!important;margin-top:5px; }

u { border-bottom:1px dashed;border-color:9999CC; }

.pinkk { color:996666; }
.indigoo { color:663333; }
.orangee { color:FF9933; }

textarea { width:100%;padding:10px 20px;background-color:FFF;border:1px solid;border-color:9999CC; }
textarea:hover { background-color:9999CC; }

</style>

Layout Comments

Showing latest 10 of 10 comments

I love this, and am considering using it; just wondering, though - could I possibly just make it a plain white background? I wouldn't change anything else about it. :)

By fineartsbaby on Jan 5, 2010 9:39 pm

Like tha picture and tha animation jst dont like tha format.. cute bt not usingg :)

By Lillyannsmithxx on Jan 6, 2009 9:41 pm

I love that picture. Well done! =)

By pupcrazy21 on Dec 24, 2008 12:06 am

i liike this alot but i think it would be better -- cuz your using the animated background to make it so the animation was in front of the pic not behind it.

good job tho. :))

By MissCuppyCake on Dec 22, 2008 9:05 pm