PATAPON!

Designer's Comments

Look carefully for specific instructions

Patapon Layout~

Everything you need to edit is in your About Me section.

1. Replace XXXXXXXX with your ID#.
2. You can edit the banner text currently reading "PON PON PATA PON!! Hail Cindy!".
3. Use [h3 with class title] to create the big orange texts
4. [p with class content] automatically makes the first line of your about me/paragraph orange.
5. Icons are removable.
6. Credits are removable and not required although I'd appreciate if you leave it there.
7. The comment box is removable! It is the last open div code in the About Me section with the class [comments]. Afterwords add this code in your "I'd Like to Meet" section: http://www.fileden.com/files/2008/6/29/1982057/deletecomments.txt

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

<img src="http://cbimg6.com/layouts/09/06/34829aa.jpg" border="0" width="920" height="432" usemap="#navigation" />
 <br />
<div class="praise" style="width: 205px; height: 25px; margin-top: -245px; margin-left:355px; text-align: top; ">
<center> <b>PON PON</b> <i>PATA</i> <b>PON</b>!! Hail <a href="http://www.myspace.com/AncientWhisper">Cindy</a>!
</center>
</div>
<div style="width: 549px; display:block;">

<p class="content">
This is my first public Myspace layout to be released. The layout's theme is "Patapon", a Sony Playstation Portable game based on rhythm and music. The top navigation are the four drums (and face bottons of Cross, Triangle, Circle and Square.). Circle corresponds to the sound "Pata", and the same applies to Square and "Pon", Triangle and "Chaka", and Cross/X with "Don". Playing these as quarter notes commences an order for the army of Patapons in which you can control. Basically, beating the drums with the rhythm and correct timing will cause the Patapons to follow your command. For instance, the basic beat "<i>Pata Pata Pata </i><b>PON!</b>" is a chant for the Patapons to move forward.</p>

<p class="content">On the very top of the layout, the words within the speech bubble is editable although one should only add one line of words (anymore and the other browsers will display it incorrectly). Italic words are <i>red</i> representing the frequent rushing move of "Pata". Bold words are <b>blue</b> representing the thundering sound of "Pon". Underlined words are <u>green</u> representing "Chaka" and its "line of defense". Strike-out and links are <s>orange</s> because "Don" is just that special!!!</p>

<p class="content">Like mentioned, you are welcome to change the header's words and you can also remove the credits only on the bottom if you desire to. All I'd ask of you is to not alter the images in any way and recycle the layout. The comment section in the bottom is removable by deleting the DIV tag with the class called "comment" (in the bottom of this code). By the way, if you're wondering about the blinking lights, they are to imitate the beats in the game to guide your drums (edges of the screen). Enjoy the layout!!!</p>

<p class="content">Extra Filler Paragraph! <br /> Something! <br /> Something! <br /> Something! <br /> Something! </p>

<blockquote><b>"</b><i>PATA PATA PATA</i> <b>PON!!!</b> <u>CHAKA CHAKA</u><i> PATA</i><b> PON!!!!</b> <b>"</b> <br /> <span style="float:right;"> <i>-Wise Words From A Yaripon</i></span></blockquote><br />

<h3 class="title">First Line of Defense</h3>
<u>CHAKA</u> <u>CHAKA</u> <i>PATA</i> <b>PON</b>!!!!! Extra Navigation/Friends<br />
<div style="float:left;">
o<a href="http://www.myspace.com"> Myspace</a><br />
o<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXXXX"> Block Me</a><br />
o<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAllCustom&friendId=XXXXXXXX&swapped=true"> My Blogs</a><br />
o<a href="http://createblog.com/layouts/index.php?author_id=333086"> Createblog.com</a><br />
</div>
o<a href="link"> Friend!</a><br />
o<a href="link"> Friend!</a><br />
o<a href="link"> Friend!</a><br />
o<a href="link"> Friend!</a><br />
o<a href="link"> Friend!</a><br />

</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: trebuchet MS, Arial;  
  color: 58A9D6; 
  text-align: justify;
  font-weight: bold;
  }
i, em, .itext  {
  font-family: trebuchet MS, Arial; 
  font-size: 11px;
  color: E01921;
  text-align: justify;
  }

u{
  font-family: trebuchet MS, Arial; 
  font-size: 11px;
  color: 5BBF8C;
  text-align: justify;
  }

s, .stext, .sbtext, .swtext {
  font-family: trebuchet MS, Arial; 
  font-size: 11px;
  color: FFC10E;
  text-align: justify;
  }
a, a:link
{FONT: trebuchet MS, Arial;
COLOR:FFC10E; 
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;

}

a:active {FONT: trebuchet MS, Arial;
COLOR:666666; 
TEXT-DECORATION: none
Letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
}

a:visited{FONT: trebuchet MS, Arial; 
COLOR:FFC10E; 
TEXT-DECORATION: none;
Letter-spacing: 0px;
font-weight: bold;
}

a:hover {FONT: trebuchet MS, Arial; 
COLOR: FFFFFF; 
TEXT-DECORATION: line-through;
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;
}

.content{
background-color: transparent; font-family: Arial; font-size: 8pt; color:CCCCCC; background-color: 000000;display:block; overflow:auto; text-align:justify; }

.nametext {display: none !important;}

table, tr, td {background: transparent;}

.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;}

.footwarpper {display: none;}

.comments{
visibility:visible;
width:580px; 
height:200px;
position:relative;
top:0px;
left:400px; 
overflow:auto; 
background-color:000000;
border:black 0px solid; 
overflow-x: hidden;
}

.columnsWidening {width: 500px; _width:500px; background-color: 000000;}

.friendsComments {width:600px; background: 
url(http://cbimg6.com/layouts/09/06/34829af.gif);
overflow-x: hidden;}

td.text td.text table {background-color:transparent; width:}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:none;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}
td.text td.text a img {
width: 75px !important;}
table.friendsComments img {max-width:180px;}
*table.friendsComments img {width:180px;}
*table.friendsComments div img {width:80px;}
*table.friendsComments a img {width:auto;}
.comments {width:580px;}

.profileInfo { display:none; }

table, tr, td {background:transparent;}
</style>

blockquote {
overflow:visible;
margin-top: 15px 106px 15px 106px;
padding: 5px 5px 5px 5px;
text-align:center;
background-color:222222;
border-width:5px; 
border-style: dotted; 
border-color:FFFFFF;
font: tahoma;
font-weight: bold;
font-size: 10pt;
color: 000000;
line-height: 20px;
letter-spacing: 1px;
font-style: italic;
}

.link1{height: 50px; width: 127px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34829ag.gif) no-repeat; display: table-cell;}
.link1:hover{background-position: bottom left; }

.link2{height: 50px; width: 129px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34829ah.gif) no-repeat; display: table-cell;}
.link2:hover{background-position: bottom left; }

.link3{height: 50px; width: 130px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34829ai.gif) no-repeat; display: table-cell;}
.link3:hover{background-position: bottom left; }

.link4{height: 50px; width: 125px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34829aj.gif) no-repeat; display: table-cell;}
.link4:hover{background-position: bottom left; }

.credits{height: 35px; width: 510px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/09/06/34829ak.jpg) no-repeat; display: table-cell;}
.credits:hover{background-position: bottom left; }

h3.title
{
font-family: Comic Sans MS;
color: FD6B00;
position: relative;
font-weight: normal;
text-transform: lowercase;
line-height: 18px;
width: 100%;
letter-spacing: 1px;
text-align: center;
}

div.content
{
 font-family: Arial; 
font-size: 8pt; 
color:CCCCCC; 
background-color: 000000;
display:block; 
overflow:auto; 
text-align:justify; 
}

p.content:first-letter
{font: 12pt Comic Sans MS; 
color: 000000; 
text-transform: uppercase; 
background-color: FCBC38;}

p.content:first-line
{
font: 13px Trebuchet MS, Arial; 
color: FCBC38; 
text-transform: uppercase;}

div.praise
{
 font-family: Comic Sans MS; font-size: 9pt; color:000000; font-weight: bold;
}

p, table, tr, td, th, div{
border: 0px;
FONT: 11px trebuchet MS; 
COLOR: A0A0A0; 
LETTER-SPACING: 0px; 
TEXT-ALIGN: justify;
}

</style>