$ocial Riot Machine

Designer's Comments

Look carefully for specific instructions

THIS WILL NOT COVER THE AD ON YOUR MYSPACE. THIS ONLY HAPPENS IN THE CREATEBLOG PREVIEW.

REPLACE XXXXXX WITH YOUR FRIEND ID BEFORE YOU DO ANYTHING.

REMEMBER TO FIND AND REPLACE THE XXXXXX IN THE DIVS CALLED "BOX" AND "BOXBG" OR YOUR COMMENT BOX WILL NOT WORK.

Looks better on a 800x600 screen resolution.

*** And I would not suggest using this layout unless you have experience with HTML. ***

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

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

.content {
font:normal 10px verdana;
color: 3B3B38;
line-height: 12px;
background-color:fbfacc;
padding:5px;
text-align:left;
width:460px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 2px;
margin-top: 650px;
}

.ichi {
position:absolute; 
left:50%;
top:0%;
margin-left:-198px;
margin-top:280px;
background-color:transparent;
width:auto;
height: 30px;
text-align:justify;
visibility:visible;
z-index:3;
}

.home {
display: block;
height:30px; 
width:98px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/01/04/24396ab.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.home:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.ni {
position:absolute; 
left:50%;
top:0%;
margin-left:-198px;
margin-top:310px;
background-color:transparent;
width:auto;
height: 20px;
text-align:justify;
visibility:visible;
z-index:3;
}

.add {
display: block;
height:20px; 
width:89px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/01/04/24396ac.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.add:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.san {
position:absolute; 
left:50%;
top:0%;
margin-left:-198px;
margin-top:330px;
background-color:transparent;
width:auto;
height: 22px;
text-align:justify;
visibility:visible;
z-index:3;
}

.piccu {
display: block;
height:22px; 
width:89px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/01/04/24396ad.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.piccu:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.shi {
position:absolute; 
left:50%;
top:0%;
margin-left:-198px;
margin-top:350px;
background-color:transparent;
width:auto;
height: 22px;
text-align:justify;
visibility:visible;
z-index:3;
}

.mess {
display: block;
height:22px; 
width:95px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/01/04/24396ae.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.mess:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.go {
position:absolute; 
left:50%;
top:0%;
margin-left:-198px;
margin-top:370px;
background-color:transparent;
width:auto;
height: 22px;
text-align:justify;
visibility:visible;
z-index:3;
}

.friends {
display: block;
height:22px; 
width:92px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/01/04/24396af.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.friends:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.roku {
position:absolute; 
left:50%;
top:0%;
margin-left:-198px;
margin-top:390px;
background-color:transparent;
width:auto;
height: 24px;
text-align:justify;
visibility:visible;
z-index:3;
}

.miyashu {
display: block;
height:23px; 
width:91px; 
background-COLOR:transparent;  
background: url('http://cbimg6.com/layouts/08/01/04/24396ag.jpg');
background-position:top left;
background-repeat: no-repeat; 
}

.miyashu:hover {
background-position: bottom left;
border:none;
background-color:transparent;
}

.footer {
color:000000;
background-color:transparent;
width:440px;
height:40px;
font:normal 9px verdana;
text-align:left;
}

.footer a:link, .footer a:visited, .footer a:active {
color:333333;
font: normal 9px verdana;
text-decoration:none;
text-transform:none;
}

.footer a:hover {
font: normal 9px verdana;
color:750014;
background-color:transparent;
text-transform:none;
}

h1 {
font-family:courier new, georgia, arial;
text-transform:lowercase;
font-size:22px;
color:000000;
letter-spacing:-2px;
background-color:transparent;
text-align: center;
font-weight:bold;
padding-top:2px;
border:0px;
}

h1:first-letter {
color:6a111f;
}

b, strong {
color: 333333;
}

i, em {
color: 750014;
font-family:georgia;
font-size:10px;
font-weight:normal;
text-transform:none;}
}

s, strike {
color: 020202;
}

a:link, a:active, a:visited {
font:bold 10px verdana;
color:6A5C3A;
text-decoration:none;
text-transform:lowercase;
}
a:hover {
font:bold 10px verdana;
text-transform:none;
text-decoration:none;
color: 000000;
}

blockquote {
color: 1f1e1e;
background: e6e3ba;
font:verdana;
font-size: 10px;
padding: 6px;
}

blockquote b, blockquote strong {
color: 871a2b;
}

.boxbg {
position : absolute;
z-index:2;
left: 0%;
top: 0%;
margin-left:470px;
margin-top: 605px;
}

.box {
width:200px;  
height:260px;
position : absolute;
z-index:2;
left: 0%; 
top: 0%;
margin-left: 500px;
margin-top: 680px;
text-align:left;
}

.box textarea {
background-color:transparent;
font:10px normal tahoma;
border:none;
padding:3px;
color:fffeef;
scrollbar-arrow-color:222222; 
scrollbar-track-color:000000; 
scrollbar-shadow-color:222222; 
scrollbar-face-color:000000; 
scrollbar-highlight-color:222222; 
scrollbar-darkshadow-color:333333; 
scrollbar-3dlight-color:333333; 
}

.box input {
background-color:transparent;
margin-top:2px;
font-family: arial;
font-size:12pt;
font-weight:bold;
line-height:14px;
padding:1px;
letter-spacing:2px;
letter-spacing:2px;
text-transform:uppercase;
border: none;
color:ffffff;
width:200px;
text-align:center;
}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table.footer {display: none;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="box">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="36" rows="11">Y HALO THAR. Less than three and suchlike.</textarea>
<input type="submit" value="JUST LISTEN!"></form>
</div>

<div class="content">
<h1>about the layout</h1>
You might recognize this, if you've seen the xanga version before. Well it's now available for myspace!! *yayness* This layout went under some minor editing because I wasn't satisfied with some aspects of the original. For example, I didn't like the font (Arial Black) I used for the text: It's Only Rock and Roll.<br><br>
Although it was big and bold, I wanted something else that was more visually arresting so I settled for MISPROJECT. This font is great for grungy bam-in-your-face usage.
<br><br>
I went crazy with the rollovers xD!! Yes, those are the correct katakana. I did my research, but if anyone spots any errors, pelase let me know!
<br><br>
Home - homu<br>
Add - addo<br>
Picture - pikucha<br>
Message - messeji<br>
Friends - furendosu<br>
Design - miyashu (*^__^*)<br>
<br><br>
If you're wondering, the guy on this layout is Ruki (Takanori Matsumoto), vocalist of the band Gazette, or The GazettE, or... Gazetto-or-whatever-the-hell-they-call-themselves. Lyrics used are from Gazette's "Anti-Pop" (my all-time favorite song by them).<br><br>
Unfortunately, this layout might misalign in Firefox. I don't know how this will look in that browser because I only have I.E. Sorry, firefox users! ;__;

<h1>how to use</h1>
Simply copy and paste the codes into About me/I'd like to meet. I would not suggest using this layout unless you have basic understanding of html. ALSO. Keep all credits or I will [insert creative threat here]. Seriously, though. I will eat you like a cheap plastic happy meal toy if you mess with the credits. I have incisors and I'm not afraid to use them!
<br><br>
G-G-GASP. Rules? Yes, rules! Abide by them or I'll feed you to the <a href="http://img442.imageshack.us/img442/5845/rarieatyouqz9.jpg" target="_blank">ents</a>! >:O
<br><br>
<b>1. Leave credits where they are.</b> It's simple.<br>
<b>2. Don't claim my layouts as your own.</b> That's just silly.<br>
<b>3. Don't take my ideas and just make copies of my layouts.</b> I don't care if you can do the same or better. Find your own style.

<h1>contact</h1>
The best way to get into contact with me is either through my <a href="http://www.xanga.com/momokuma" target="_blank">xanga</a> or createblog. I will try to respond asap, and I say 'try' because I do have a life other than layout design & illustration & whatever else tickles my fancy.

<h1>header</h1>
<b>Tag:</b> Momo<br>
<b>Age:</b> eighteen<br>
<b>Ethnicity:</b> mixed <3<br>
<b>Interests:</b> illustration, creative writing, music, literature, graphic/web design, cake, shopping, cute things, wonder<br>
<b>Music:</b> <i>D'espairsRay</i>, Plastic Tree, Keane, <i>Radiohead</i>, Gazette, Teriyaki Boys, Tokio Hotel, Utada Hikaru, <i>Kagrra</i>, Coldplay, Super Junior, LM.C, Merry, ART-SCHOOL, Buck-Tick 
<br><br>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through.</s>
<blockquote>
<b>January 1</b> - Uploaded new layout<br>
<b>December 31</b> - Went to work<br>
<b>December 30</b> - Saw an old friend
</blockquote>

<span class="footer">
<img src="http://cbimg6.com/layouts/08/01/04/24396ai.png"><br>
Brush credits go to <a href="http://www.kloud-nine.com" target="_blank">Kloud-Nine</a>, <a href="http://maybe-when.org" target="_blank">Maybe-When.org</a>, <a href="http://www.misprintedtype.com" target="_blank">Misprinted Type</a>, and <a href="http://www.angryblue.com" target="_blank">Angry Blue</a>. Image from <a href="http://community.livejournal.com/jrock_scans" target="_blank">J-rock Scans</a>. Permanent credits go to <a href="http://miyashu.createblog.com/layouts/">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog</a>.
</span>
</div>

Layout Comments

Showing latest 10 of 19 comments

heya
LOVE the layout and uploaded but just so you know MySpace wont let the design link work... I didn't change it or anything and dont want yoyu to think I stole the layout!

By Harmony77uk on Sep 8, 2008 10:34 am

OMG!! I love it!! Ruki is love *o*
Can you do one with the whole band? I have been looking for one, and as usual there are none.
I have a pic that I think would look great. Message me please about it ;___;

By undolife14 on Jul 19, 2008 5:51 pm

can u make this but with some other person, like hayley williams? plz i LOVE the layout but i dont kno who that is =]

By RockInRollChick on Jun 26, 2008 2:16 pm

I swear you have the greatest layouts! And it works great in FF.

By IzzyGrace on Jun 3, 2008 9:18 am

hmm...that picture looks like Reita. (without the nose band of course) o.o

very nice tho.

By Valtiel on Feb 18, 2008 9:53 pm

ARGHHHHHH you made this into a myspace layout .. OMG can i marry you now .. YAYA i love you soo much for doing this
this looks so good :D

By Mara-roscoe on Jan 23, 2008 2:04 am

Instead of furendosu, use tomodachi. Friends doesnt need to be in katakana. 友達 is friend. 写真 (Shashin) is pictures. But, it is cute, and one of the best I've seen. Most of the time people use random hiragana, katakana, and kanji, and it ends up as incorrect and confusing to me and anyone else who speaks Japanese. But instead, you did research. Be proud!!!!!!!!!!

By Sakibou on Jan 6, 2008 7:04 pm

hecka amazing. :)

By Jovannie on Jan 5, 2008 9:17 pm

Ohh, P.S. I love the font you used for the "it's only rock n roll". I think I may have to get that font. XD

By PaintMyFace on Jan 5, 2008 5:51 pm

This is actually amazing.

I love it! The rollovers are great, and I love the way you set up the content area. Good job!

By PaintMyFace on Jan 5, 2008 5:33 pm

View all »

Layout Details

Designer	miyashu
Submitted on	Jan 4, 2008
Page views	17,358
Favorites	119
Comments	19
Reviewer	freeflow
Approved on	Jan 4, 2008

Layout Tags

, jrock, rock n roll, rock, music, ruki, gazette, the gazette, grunge, japan, punk

$ocial Riot Machine

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates