A Flower Named After You

Designer's Comments

Look carefully for specific instructions

Asian Kung-Fu Generation - Kimi to iu Hana~

Everything you need to edit is in your About Me section.
1. Replace XXXXXXXX with your ID#.
2. Use [h3 with class title] to create the pink text as seen here as "author's note".
3. 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
4. PLEASE do NOT remove credits or any links associated with it.

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

<div style="position: relative; left: 10%; width: 90%;">
<h3 class="basic">((Kimi to iu Hana))</h3>
<h5>the theme of this layout</h5>

<div class="content" style=" width: 95%; _width: 100%;">
<h3 class="title">Author's Notes</h3>
This layout is based by a song by Asian Kung-Fu Generation by a Japanese Rock band. The name of the very song may be translated as "A Flower Named After You". On the banner, there are lyrics from the song although translated roughly (and also in japanese). As for the vexel (banner), everything was made from scrap with the pen tool on Photoshop. My initial design was to use the cover art from the band's single but I decided that the method was too cheap. Not to mention, the CD's cover was beautiful the way it was so there would be no need to edit it. <br /> <br />

So my next design, in which I stuck with at the end, was to use solid colors and construct an abstract layout with the pen tool. Unfortunately, I did alter the banner by adding a gradient to the flower. On the other hand, I was happy with the results of this layout. The one thing I would fix is the comments section and its gap. So if the problem bothers anyone, the comment section is removable by deleting the last div code with the class "comments".

<h3 class="title">Usage</h3>
Please do not remove credits!!!  <b> Bold</b>, <i>Italic</i>, <u>Underline</u>

<blockquote><b>"</b>What lies behind us and what lies before us are tiny matters compared to what lies <span style="font-size:15px; color:FFFFFF;">within us</span>. <b>"</b> <br /> <span style="float:right;"> <i>-Ralph Waldo Emerson</i></span></blockquote>

</div>
</div>

</div>
<div class="comments" style="left: 10.5%; width: 76%; _width:81%; border: 15px solid; border-color: 000000;"><table><tr><td><table><tr><td> </div>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

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

b, strong, .btext {
  font: trebuchet MS, Arial;  
  color: A8143B; 
  text-align: justify;
  font-weight: bold;
  }
i, em, .itext  {
  font-family: trebuchet MS, Arial; 
  font-size: 11px;
  color: D5355F;
  text-align: justify;
  }

u, s, .stext, .sbtext, .swtext {
  font-family: trebuchet MS, Arial; 
  font-size: 11px;
  color: A7344D;
  text-align: justify;
  }

a, a:link {
font: trebuchet MS, Arial;
color: A48279; 
text-decoration: none
Letter-spacing: 0px;
font-weight: bold;
background-color:000000;

}

a:active {FONT: trebuchet MS, Arial;
color: A48279; 
text-decoration: none
letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
background-color:000000;
}

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

A:hover {FONT: trebuchet MS, Arial; 
COLOR:000000; 
TEXT-DECORATION: line-through;
Letter-spacing: 0px;
font-weight: bold;
background-color:FFFFFF;
}

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 Courier New; color:000000; 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;}

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

.comments{visibility:visible;width:670px; height:250px;position:relative;
top:10px;left:415px; 
overflow:auto;background-color:000000;
border:black 0px solid; 
background: 
url(http://img27.imageshack.us/img27/6424/citycomment.jpg);
overflow-x: hidden;}

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

.friendsComments {width:600px; background: 
url(http://img21.imageshack.us/img21/4843/fixedcomment.jpg);
overflow-x: hidden;}
</style>

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

.link1{height: 50px; width: 120px; overflow: hidden; background: 
url(http://img18.imageshack.us/img18/1953/befriend.jpg) no-repeat; display: table-cell;}
.link1:hover{background-position: bottom left; }

.link2{height: 50px; width: 107px; overflow: hidden; background: 
url(http://img10.imageshack.us/img10/6231/noteme.jpg) no-repeat; display: table-cell;}
.link2:hover{background-position: bottom left; }

.link3{height: 50px; width: 121px; overflow: hidden; background: 
url(http://img7.imageshack.us/img7/4539/commentt.jpg) no-repeat; display: table-cell;}
.link3:hover{background-position: bottom left; }

.link4{height: 50px; width: 84px; overflow: hidden; background: 
url(http://img6.imageshack.us/img6/1421/evade.jpg) no-repeat; display: table-cell;}
.link4:hover{background-position: bottom left; }

.link5{height: 50px; width: 90px; overflow: hidden; background: 
url(http://img6.imageshack.us/img6/9110/galleryi.jpg) no-repeat; display: table-cell;}
.link5:hover{background-position: bottom left; }

.link6{height: 50px; width: 104px; overflow: hidden; background: 
url(http://img8.imageshack.us/img8/1267/journals.jpg) no-repeat; display: table-cell;}
.link6:hover{background-position: bottom left; }

.link7{height: 50px; width: 92px; overflow: hidden; background: 
url(http://img9.imageshack.us/img9/945/credit.jpg) no-repeat; display: table-cell;}
.link7:hover{background-position: bottom left; }

h3.basic
{
font: tahoma;
color: 6F001D;
position: relative;
font-weight: normal;
text-transform: lowercase;
line-height: 30px;
top: 20px;
letter-spacing: 1px;
width: 735px;
text-align: left;
}

h3.small
{
font: tahoma;
color: 6F001D;
position: relative;
font-weight: normal;
text-transform: lowercase;
line-height: 30px;
top: 20px;
letter-spacing: 1px;
width: 300px;
text-align: left;
}

h3.title
{
font: tahoma;
color: D6355F;
position: relative;
font-weight: normal;
text-transform: lowercase;
line-height: 20px;
width: 100%;
letter-spacing: 1px;
text-align: center;
} 
h5
{
font: tahoma;
color: 000000;
position: relative;
font-weight: normal;
text-transform: uppercase;
line-height: 15px;
width: 750px;
text-align: right;
}

div.content
{
 font-family: Arial; font-size: 8pt; color:A0A0A0; background-color: 000000;
 border-bottom-color: 898F7B; border-left: 10px dotted; border-right: 10px dotted; border-left-color: 6E001D; border-right-color: 6E001D; padding: 10px; 
}

p, table, tr, td, th, div{
border: 0px;
font: 11px trebuchet MS; 
color: A0A0A0; 
letter-spacing: 0px; 
text-align: justify;
}

</style>

Layout Comments

Showing latest 10 of 16 comments

preeteeeeeeeeeeeeee!!!
^_^

By iheartkwonjiyong on Jul 29, 2009 6:04 pm

i like the header and the colours, but I just dont like the rollovers for some reason.

By ScriptedLove on Jul 21, 2009 1:30 pm

Amazing, of course.

By tokyo-rose on Jul 2, 2009 11:00 pm

Very nice!

By Mikeplyts on Jul 1, 2009 4:28 pm

OMFG i LOVE the colors on this but i think that "SuddenlyMichelle" [june 30,2009 6pm] was right if it were a taddddddddd bit smaller i think it would have a much more effect on me!

By koobecaf on Jul 1, 2009 2:29 pm