The 8-Bit Era

Designer's Comments

Look carefully for specific instructions

Popular 8-Bit Video Game Icons

Everything you need to edit is in your About Me section.
1. Replace XXXXXXXX with your ID#.
2. Use [h2 with class title] to create the header text as seen here as "princess in another castle".
3. The Video Player is found at MyFlashFetish.com with the smallest plain video player. It is placed within a TETRIS DIV. The PONG animation are marquees in which I created.
4. The Add Me Button is the Banner with the duck from Duck Hunt.
5. I created the sprites! So please do not rip them.
6. PLEASE do NOT remove credits or any links associated with it.
7.For all of you gamers out there: What is YOUR favorite oldschool game?[NES, SNES, Famicon, Atari, Sega Genesis etc.]

Everything in the "I'd Like To Meet" section are CSS codes. Do Not Mess With Them.

Enjoy! Creator's Myspace: myspace.com/ancientwhisper

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

</marquee>
</div>

<h2 class="title">princess in another castle</h2>

<blockquote> 
Attack<br /> 
Magic <br /> 
<span style="color: FFFFFF; font-weight: bold;">C-C-C-COMBO BREAKER!!!</span> <b>&laquo; </b><br /> Items</blockquote>

<p class="content">
...And it's on like Donkey Kong. This layout features the obvious: all of the popular (and now mainstream) 8-bit Nintendo games. This layout has almost more fanservice than the Super Smash Brothers series. But to start this layout off, I had to <b>redraw all of the sprites</b>. So every single sprite you see on the page was drawn by me with references of course. That took such a long time to accomplish though (almost the entire day to mimic the small sprites). So you may wonder, why did I redrew them? Well the answer is simple: enlarging small sprites causes the quality to be extremely low. I wanted every color to be solid, just like an 8-bit video game without any fuzzes. To be honest, there was nothing fun about having to redraw all of the sprites. It was an extremely tedious process with each of the character taking up to half an hour (I had to grid everything perfectly).</p>

<h2 class="title">we get signal</h2>
<p class="content">About the design! The layout features references to twelve different Nintendo games. First off, the blocks in which the characters are standing on are based on the Nintendo's COVER version of the Tetris game. The colors are all exact/identical except for the one in the bottom where the Dragon Warrior's slime is sitting on. I am uncertain about that one. Surprisingly, I was able to arrange and connect them so that each character (aside from Mario) is standing on a block with a color that matches them. Hovering over the Duck from Duck Hunt reveals the slick dog who always taunts you. Initially, I plan it so that when you hover over the image, the scrolling stops but Myspace disabled that code. <u> Hover over the duck for the ADD ME button.</u></p>

<p class="content">Each character on each row of the layout has something in common. I know that I've put WAYY too much thought into this layout, but it's true. The first row has Mario and Donkey Kong. Not only do they take up the most space in terms of size, but they were among the first few 8-bit Nintendo games: Donkey Kong. Basically, they are the bigger 'classics'. The second row features my favorite NES character ever, Mega Man and Samus from Metroid. Their relation is obvious especially when you hover over them. They  both have "gun-arms" and will shoot at each other if you hover over them. They are also one of the most iconic classic "shooters" side-scrolling game.
</p>

<p class="content"> The next row features Link from Zelda and Kirby from Kirby's Adventure. They do not have much in common, but I've noticed they have a huge artillery of weapons. While I was working on redrawing the sprites, I accidentally made it so that Link will pick up the Triforce, and Kirby will pick up the Dream Rod. It just so happens that I made them both pick up an object so it all works out. The reason why I didn't make Kirby swallow an object was because of the fact that I had to draw many more sprites to compose an animation. AND if I were to do that, he'd be the only animated sprite which is unfair.
</p>

</div>
</div>
<p class="content">Last but not least, is the row with Slime from Dragon Warriors and the Black Mage from Final Fantasy. They are both RPG games who are now related because of Square-Enix. Dragon Warrior was not created by Square, but the relation is still there as Square and Enix conjoined together. The slime hardens into Metal Slime and the Black Mage gets KO'D. If you're wondering why I chose the Black Mage to represent Final Fantasy instead of the Warrior of Light, it is because the Black Mage is not only cuter but a bigger highlight of the FF world. The slime is obvious--- it's a reoccurring and possible mascot for the Dragon Quest games. There is also a Castlevania reference and it's barely noticeable. The header's "pink thing" is actually one of the flails you can get in Castlevania. When I think of Nintendo, I think of that game too, so I couldn't resist but to recreate the sprite and use it on this layout.</p>

<p class="content">The video player you see above took me about an hour to create. I needed the perfect sized Tetris border, and at the same time, make it so the Tetris blocks fitted <i>perfectly</i> into each other without cutting the blocks off. </p>

<p class="content">The Pong animation above and below was my creation and I KNOW, <i>sometimes the lines do not even hit the ball and yet it bounces and there's no game over</i>. This is beyond my help, but it still works out nicely. If you want a music player, I suggest using the NES controller one offered at MixPod.com. Here's what it would look like:
</p>

<p class="content">
<b>Bold,</b> <i>Italic</i>, <u>Underline</u>, and <s>Strike-Out</s>.</p>

</div>
</div>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

.redlink, .orangetext15, .btext {
COLOR: FFFFFF;
FONT-SIZE: 1;
}

div div table td td font {visibility: hidden;}

b, strong, .btext {
  font: courier new;
  color: F7C217; 
  text-align: justify;
  font-weight: bold;
  }
i, em, .itext  {
  font: courier new;
  color: BA1705;
  text-align: justify;
  }

u{
  font: courier new;
  color: FFFFFF;
  text-align: justify;
  }

s, .stext, .sbtext, .swtext {
  font: courier new;
  color: FFFFFF;
  text-align: justify;
  }
a, a:link {  
  font: courier new;
COLOR:F7C217; 
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;

}

a:active {
  font: courier new;
COLOR:F7C217; 
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
}

a:visited{
  font: courier new;
COLOR:F7C217; 
TEXT-DECORATION: none;
Letter-spacing: 0px;
font-weight: bold;
}

a:hover {
  font: courier new;
COLOR: 13BFE3; 
Letter-spacing: 0px;
font-weight: bold;
}

a:hover.pic img {filter:alpha(opacity=80);}
a:link img { filter: Gray; }
a:hover img {filter: none; }

img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

li, h1, .redtext, font, .navbar, .lightbluetext8, .blacktext12, .label, .whitetext12, .orangetext12, .nametext{font: 0px arial; letter-spacing: 0px; text-align: justify; display: none; }

.blacktext10 {FONT: 11px arial; color:FFFFFF; letter-spacing: 0px; text-align: justify; display:block;}

.header {
font-weight: normal; font-size: 9; padding-bottom: 2pt; padding-top: 0pt; COLOR: 000000; border-bottom:000000 0px solid; font-family: arial; text-decoration: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.nametext {display: none !important;}

.blurbs td td .orangetext15, td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext, text {display:none !important; color: transparent;}

.footwarpper {display: none;}

.profileInfo { display:none; }

td div a.text{left: 50%; margin-left: -460px; visibility:visible; font-size:5px;  a.hover-size:5px; font-spacing:-2px;}

table, tr, td {background-color: transparent;}
.contactTable {display:none;}
table.userProfileURL{display:none;}
.extendedNetwork {display:none;}
.userProfileDetail {display:none;}
.latestBlogEntry {display: none;}
.friendsComments {display:none;}
.footwrapper (display: none; visibility: none; }
.interestsAndDetails { display: none; }

</style>

blockquote {
overflow:visible;
padding: 5px 5px 5px 5px;
text-align:center;
background-color:0D0D0D;
border: 5px dashed; 
border-color:E59A11;
font-family: courier new;
font-size: 10pt;
color: AAAAAA;
line-height: 20px;
letter-spacing: 1px;
font-style: italic;
}

.banner{height: 127px; width: 270px; overflow: hidden; background: 
url(http://i31.tinypic.com/117tnx2.jpg) no-repeat; display: table-cell;}
.banner:hover{background-position: bottom left; }

.link1{height: 255px; width: 180px; overflow: hidden; background: 
url(http://i27.tinypic.com/fxdqfl.jpg) no-repeat; display: table-cell;}
.link1:hover{background-position: bottom left; }

.link2{height: 257px; width: 180px; overflow: hidden; background: 
url(http://i30.tinypic.com/2u56ql0.jpg) no-repeat; display: table-cell;}
.link2:hover{background-position: bottom left; }

.link3{height: 178px; width: 180px; overflow: hidden; background: 
url(http://i28.tinypic.com/qp1mjm.jpg) no-repeat; display: table-cell;}
.link3:hover{background-position: bottom left; }

.link4{height: 175px; width: 180px; overflow: hidden; background: 
url(http://i32.tinypic.com/24g2e1l.jpg) no-repeat; display: table-cell;}
.link4:hover{background-position: bottom left; }

.link5{height: 119px; width: 180px; overflow: hidden; background: 
url(http://i32.tinypic.com/1z4wchz.jpg) no-repeat; display: table-cell;}
.link5:hover{background-position: bottom left; }

.link6{height: 130px; width: 180px; overflow: hidden; background: 
url(http://i30.tinypic.com/2r3l9ox.jpg) no-repeat; display: table-cell;}
.link6:hover{background-position: bottom left; }

.link7{height: 149px; width: 180px; overflow: hidden; background: 
url(http://i27.tinypic.com/316om8m.jpg) no-repeat; display: table-cell;}
.link7:hover{background-position: bottom left; }

.link8{height: 138px; width: 180px; overflow: hidden; background: 
url(http://i25.tinypic.com/2rym6c4.jpg) no-repeat; display: table-cell;}
.link8:hover{background-position: bottom left; }

h2.title
{
font-family: courier new;
color: BBBBBB;
position: relative;
font-weight: bold;
text-transform: lowercase;
line-height: 18px;
width: 100%;
letter-spacing: 2px;
text-align: right;
border-bottom: 2px dashed;
border-bottom-color: BA1705;
background: 
url(http://i30.tinypic.com/2hr0tbr.jpg) no-repeat; 
background-position: left;
}

div.add
{
font-family: courier new;
color: BBBBBB;
position: relative;
font-weight: bold;
text-transform: lowercase;
line-height: 18px;
width: 100%;
letter-spacing: 2px;
text-align: center;
display:table-cell;
}

div.content
{
 font-family: Tahoma; 
font-size: 8pt; 
color:0B172D; 
display:block; 
overflow:auto; 
text-align:justify; 
}

p.content:first-letter
{font: 13pt courier new; 
color: CCCCCC; 
text-transform: uppercase; 
font-weight: bold;}

p.content:first-line
{
font: 10pt courier new; 
color: AAAAAA; 
font-style: italic;
font-weight: bold;}

p, table, tr, td, th, div{
border: 0px;
FONT: 10pt Courier New; 
COLOR: 888888; 
LETTER-SPACING: 0px; 
TEXT-ALIGN: justify;
}

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

</style>