Mushtopia

Designer's Comments

Look carefully for specific instructions

THIS LAYOUT HAS ONLY BEEN TESTED IN INTERNET EXPLORER.

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

*** 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

h1 {
font-family:arial, century gothic;
text-transform:none;
font-size:22px;
line-height:24px;
color:476a64;
letter-spacing:2px;
width:335px;
padding-top:3px;
background-color:a8d2c9;
text-align: left;
font-weight:normal;
border:0px;
}

h1:first-letter {
color:c0050a;
letter-spacing:2px;
font-family:georgia, arial, century gothic;
text-transform:none;
font-size:28px;
line-height:26px;
font-weight:bold;
font-style:italic;
}

.content {
font:normal 11px tahoma;
line-height: 14px;
color: 476a64;
padding-top:10px;
padding-bottom:5px;
padding-right:0px;
padding-left:7px;
background-color: c7dedc;
text-align:left;
width:350px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 495px;
margin-top: 515px;
}

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

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

.box textarea {
background-color:transparent;
font:10px normal tahoma;
border:none;
padding:3px;
color:d0e0d3;
scrollbar-arrow-color:115950; 
scrollbar-track-color:115950; 
scrollbar-shadow-color:486b65; 
scrollbar-face-color:115950; 
scrollbar-highlight-color:d0e0d3; 
scrollbar-darkshadow-color:d0e0d3; 
scrollbar-3dlight-color:486b65;
}

.box input {
background-color:transparent;
margin-top:2px;
font-family:georgia, arial;
font-size:10px;
font-weight:normal;
line-height:12px;
padding:1px;
letter-spacing:2px;
text-transform:lowercase;
border: none;
color:d0e0d3;
width:200px;
text-align:center;
}

.footer {
color:476a64;
background-color:transparent;
width:340px;
height:40px;
font:normal 10px tahoma;
}

.footer a:link, .footer a:visited, .footer a:active {
color:d11553;
font: normal 10px tahoma;
padding:2px;
text-decoration:none;
text-transform:none;
}

.footer a:hover {
color:f5a100;
font: normal 10px tahoma;
background-color:transparent;
text-transform:none;
text-decoration:none;
}

b, strong {
color: 3b5850;
font:normal 11px georgia, arial;
line-height:13px;
text-transform:none;
text-decoration:none;
font-weight:bold;
}

i, em {
color: dc484f;
font:normal 11px georgia;
line-height:13px;
font-style:italic;
text-transform:none;
text-decoration:none;
}

s, strike {
color: c0050a;
}

a:link, a:active {
color:647973;
font:normal 11px tahoma;
text-transform: lowercase;
text-decoration:underline;
font-weight:normal;
border-bottom: none;
}
a:visited {
color:a05052;
font:normal 11px tahoma;
text-transform:lowercase;
text-decoration:underline;
}
a:hover {
font:normal 11px tahoma;
color:c0e4d9;
background-color:c0050a;
font-weight: normal;
border-bottom: none;
text-transform:lowercase;
text-decoration:none;}

blockquote {
color: 4d7472;
background: a8d2c9;
font:tahoma, arial, serif;
font-size: 10px;
padding: 6px;
}

.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="35" rows="9">Y HALO THAR. Less than three and suchlike.</textarea>
<input type="submit" value="comment"></form>
</div>

<div class="content">
<h1>about the layout</h1>
This layout features an image from <a href="http://www.wallcoo.com" target="_blank">Wallcoo.com</a>. To tell you the truth, this particular layout gave me so many problems. I was like, GAH, LAYOUT, WHY ARE YOU SO FULL OF FAIL. So I ended up messing around with the image maps to make it look fun and interesting. Then came the comment box. At first I made it very default looking, using various shades of green and it.. just.. sucked. So, as you can see now, I made the background for the comment box to look like big splatter of awesome. 
<br><br>
The navigation makes me think of candy...
<br><br>
Unfortunately, this layout MIGHT misalign in Firefox. I have no idea how it will appear in that browser since I only have I.E. If it does screw up, I'm sorry to all the firefox users out there. However, if you are comfortable with div overlays, you can probably fix any issues on your own.
<br><br>
Feel free to write what you want here. The content will not scroll no matter how much you write. If you're going to add some pictures, make sure they do not exceed 330px in width. Otherwise, you'll have a nasty horizontal scrollbar.

<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!

<h1>contact</h1>
If you have any questions/concerns about this layout, the best way to contact me is either through pm at createblog OR comment at my <a href="http://www.xanga.com/momokuma" target="_blank">xanga</a>. Thanks for using this layout!

<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> D'espairsRay, Plastic Tree, Keane, Radiohead, Gazette, Teriyaki Boys, Tokio Hotel, Utada Hikaru, Kagrra, 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>December 7</b> - Uploaded new layout<br>
<b>December 6</b> - Finished final project for computer tech. class<br>
<b>December 4</b> - Completed documented essay
</blockquote>

<span class="footer">
<img src="http://cbimg6.com/layouts/07/12/27/24152ad.jpg"><br>
Image credits go to <a href="http://www.wallcoo.com" target="_blank">Wallcoo.com</a>. No copyright infringement intended. Brushes from <a href="http://www.maybe-when.org/visitor/" target="_blank">Maybe-When.org</a>, <a href="http://www.angryblue.com/downloads" target="_blank">Angry Blue</a> and <a href="http://www.magurno.com/" target="_blank">Gabriele Magurno</a>. Permanent credits go to <a href="http://www.xanga.com/momokuma" target="_blank">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog</a>. Don't steal, it will give you hobbit feet.
</span>
</div>

Layout Comments

Showing latest 10 of 45 comments

Cute! :3

By x3Simplicity on Aug 8, 2009 9:16 pm

i wish people would put links to blog :( *sigh*

By darrahjay on Feb 15, 2009 12:11 am

awesomeee!! so using this layout after i finsih with my other new one xD

By darrahjay on Feb 14, 2009 7:47 am

very cutee:]
i love yo' layouts.

By susannahgracee on Nov 26, 2008 12:55 pm

yo ur layouts are the best in the worldddd =] i have your love you more layout on my page right now and i'm in love with ittt.

By ariebreezy on Sep 9, 2008 4:29 pm

Wow i love it, looks fine in FF to me!

By radchick on Jul 12, 2008 9:19 am

this is amazing.i am definitely using.

By alisaurasrex on Apr 25, 2008 12:07 am

ya..im also having trouble with the ad not beign covered...it makes the layout misaling..how do i fix this?

By kasiss on Apr 24, 2008 11:36 pm

I'm having trouble with the comment box. The works in the comment box don't show and I replaced all of the XXXXX's with my friend id.

By rdmst on Feb 15, 2008 10:08 pm

The mushroom's the best bit! how can that person not luv the mushy?!

=^.^=

in toto, it's alternative an funky an has a peachy sense of style and YAY for it! ^__^ i don't mean to blow wind up ur bum :P i just mean to say it's a really great design.

By lisa-rose on Jan 13, 2008 9:18 am

View all »

Layout Details

Designer	miyashu
Submitted on	Dec 27, 2007
Page views	50,511
Favorites	404
Comments	45
Reviewer	brooklyneast05
Approved on	Dec 27, 2007

Layout Tags

, mushroom, random, abstract, fun, paint, paradise, colorful, utopia, splatter, lines

Layout Tools

Layout Affiliates

Here I Stand Layouts