2NE1: Fire (Version 2)

Designer's Comments

Look carefully for specific instructions

Link to my layouts archives

First layout I've made that I've really liked, in a while (: First time making animated rollovers, what do you think?

Tested in Firefox, Explorer, and Safari;
Created on a Mac, Firefox/Safari, 1280x800 resolution;
Banner created in Gimp;
Image from yg-2ne1.com;
Please do not remove credits;
Enjoy (:

I don't remember where I got the brushes from; all I know is that I did not make them. They're pretty basic brushes though. If they're yours, please tell me (:

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>
.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments, .userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 { display:none; }

body { background-color:fff; }

table, tr, td { background-color:transparent;border:0px;padding:0px; }

div, table, td, p, .text, font, textarea, input { font-family:verdana;font-size:11px;text-decoration:none!important;color:fff;line-height:12px;text-align:justify; }

b { color:5685eb; }
i { font-family:georgia;color:ecda63; }
u { border-bottom:1px dotted;border-color:e45e64; }

a { font-family:verdana;font-size:11px;line-height:12px;color:e45e64!important;border-bottom:1px dotted;border-color:d19c65!important; }
a:hover { color:d19c65!important;border-color:e45e64!important; }

.eBackground { position:absolute;left:50%;top:110px;margin-left:-390px;width:781px;height:548px; }

.eMenu { position:absolute;left:50%;top:460px;margin-left:-389px;width:194px;height:197px;background-color:fff;background-image:url('http://cbimg6.com/layouts/09/06/34846aa.png'); }

.eMenu a { display:block;height:32px;width:194px;border:0px; }
.eMenu a.home:hover { background-image:url('http://cbimg6.com/layouts/09/06/34846ab.gif'); }
.eMenu a.add:hover { margin-top:1px;background-image:url('http://cbimg6.com/layouts/09/06/34846ac.gif'); }
.eMenu a.message:hover { margin-top:2px;background-image:url('http://cbimg6.com/layouts/09/06/34846ad.gif'); }
.eMenu a.comment:hover { margin-top:3px;background-image:url('http://cbimg6.com/layouts/09/06/34846ae.gif'); }
.eMenu a.pictures:hover { margin-top:4px;background-image:url('http://cbimg6.com/layouts/09/06/34846af.gif'); }
.eMenu a.block:hover { margin-top:5px;background-image:url('http://cbimg6.com/layouts/09/06/34846ag.gif'); }

.eBody { position:absolute;left:50%;top:465px;margin-left:-189px;width:574px;height:187px;overflow:auto; }

.eBottom { position:absolute;left:50%;top:660px;margin-left:-390px;width:781px;height:40px;text-align:center;color:e45e64; }
.eBottom a { font-size:9px!important; }

div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position:relative;left:-10000px; }
div.profileWidth { margin-top:-30px!important; }
div.profileWidth div { filter:alpha(opacity=0);opacity:0.0001 }
div.profileWidth div.clearfix, div.profileWidth div div { filter:none;opacity:0.9999; }
div.profileWidth div.clearfix { position:relative;top:40px; }

h1.mslogo, div.srchfieldLayer, input.srchTextfld, span.loc2, div.srchButton, div div select, div div form, a.text { display:none!important; }

ul, li, .clearfix td, .rail, .clearfix { background-color:transparent!important;background-image:none!important; }

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class='eBody'>
This is normal text.
<br />
<a href='elletricity'>This is a link</a>.
<br />
<b>This is bolded text</b>.
<br />
<i>This is italicized text</i>.
<br />
<u>This is underlined text</u>.
<br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a lorem vel tortor dictum cursus. Donec eget turpis ipsum, nec semper ante. Integer fringilla luctus euismod. Nulla tempor mi quam, et luctus nisl. Proin vehicula aliquet diam, eleifend malesuada enim venenatis a. Curabitur luctus, mi in pellentesque accumsan, purus odio pulvinar quam, eu fringilla tellus ligula ac tortor. Sed auctor libero eros. Donec non metus risus. Etiam aliquet erat et dolor dignissim placerat. Nullam porttitor, risus id egestas mollis, diam nunc rutrum eros, ac malesuada libero nibh sodales massa. Proin egestas ornare elit sed rutrum. Cras congue elementum dui sit amet aliquam. Aliquam elementum ligula at urna scelerisque in ullamcorper ante aliquam. Praesent egestas ultricies auctor. Nam ullamcorper, turpis id gravida feugiat, risus libero volutpat lacus, ut facilisis augue libero sit amet erat. Nam dignissim dignissim nunc non mollis.
<br /><br />
Duis metus nisl, molestie a ultrices elementum, lacinia nec orci. Mauris iaculis cursus placerat. Mauris feugiat bibendum facilisis. Pellentesque nisi dui, vestibulum at venenatis ut, cursus nec nibh. Nulla vestibulum ipsum eleifend neque imperdiet vehicula. Phasellus sagittis fringilla orci sit amet dignissim. Mauris commodo, arcu ultrices gravida interdum, erat augue pharetra mi, vitae gravida arcu orci et ante. Nunc pharetra adipiscing orci sit amet tincidunt. Integer fringilla vulputate ornare. Ut aliquam rhoncus tincidunt. Integer bibendum sodales tempus. Nulla laoreet laoreet aliquet. Cras nunc ante, tempus vel hendrerit vel, hendrerit id mi. Mauris ac urna vitae tellus convallis ultricies nec vel leo. Fusce at nisl justo, ac sagittis eros. 
</div>

<div class='eBottom'>
<a href='http://elletricity.com'>Credit</a> // <a href="index.cfm?fuseaction=misc.aboutus" target="_blank">About</a> | <a href="index.cfm?fuseaction=misc.terms" target="_blank">Terms</a> | <a href="index.cfm?fuseaction=misc.privacy" target="_blank">Privacy</a> | <a href="index.cfm?fuseaction=cms.viewpage&placement=safety_pagehome" target="_blank">Safety</a> | <a href="index.cfm?fuseaction=misc.contact" target="_blank">Contact</a> | <a href="index.cfm?fuseaction=help.reportabuse&AbuseType=Profile&ProfileContentID=" target="_blank">Report</a> | <a href='index.cfm?fuseaction=user'>©Myspace.com. All Rights Reserved.</a>
</div>

Layout Comments

Showing latest 10 of 16 comments

hello am Melissa and i was wondering if you could do my some layoutfor meD:? you do them really nice oness am starting a business i want a really cool pro layout it a photography business like i shoot models :)could you help me?

By mellymurderer on Dec 5, 2009 1:23 pm

oh cool, i love the music video for fire ^^
my friend just introduced me to them.
awesome layout !

By SnailyPearlBoy on Nov 3, 2009 6:27 pm

I love this soooo much-the rollovers,colors, everything! but I had the same question as AlejandraCastaneda is there a way we can put our own pictures? Also would you mind that? please let me know

By Blurushes on Oct 4, 2009 12:35 am