No. 2

Designer's Comments

Look carefully for specific instructions

Got the idea from a dELiA's shirt, though I drew, coded, and designed myself. Replace in the appropriate links for the corresponding navigation. Questions? Feel free to ask. :]

Tested in both FF and IE.

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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><div style="position:absolute;left:-0px;top:0px;width88:px;height:31px;">Layout made by: © <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3ZpY2luZWxp">Vicineli</a></div>
</span><br />
<span class="text"><style>div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }</style>
<style>
body {
  background-color: DFE28D;
  scrollbar-base-color: DEE28D;
  scrollbar-track-color: DEE28D;
  scrollbar-face-color: DEE28D;
  scrollbar-highlight-color: DEE28D;
  scrollbar-3dlight-color: DEE28D;
  scrollbar-darkshadow-color: DEE28D;
  scrollbar-shadow-color: DEE28D;
  scrollbar-arrow-color: DEE28D;
}

td, span, div, input, a, table td div div font,
body div table tbody tr td font, body div table tbody tr td font {
  color: 000000;
  border: none;
  font: 8pt arial;
  letter-spacing: 1px;
}

b {
  color: FFA200;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 9px arial;
  font-weight: bold;
}

i {
  color: 8CA5B3;
  font-family: times new roman;
}

u {
  color: F52B69;
  letter-spacing: 2px;
  font-weight: bold;
  border-bottom: 1px dashed;
  border-bottom-color: BBB2A1;
  text-transform: uppercase;
  text-decoration: underline;
  font: 9px arial;
}

s {
  color: 969696;
  font: 8px small fonts;
  text-transform: uppercase;
}

strong {
  color: FFFFFF;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: arial;
  font-weight: bold;
  font-size: 10pt;
}

a:link, a:active, a:visited {
  color: 393737;
  font: 10px century gothic;
  text-transform: uppercase;
  border-bottom: 2px dotted;
  border-bottom-color: 28729A;
}

a:hover {
  color: D74349;
  text-transform: uppercase;
  text-decoration: strike;
  font: 10px arial;
}

a.navi:link, a.navi:active, a.navi:visited {
  padding: 6px 0;
  float: left;
  font-size: 12px;
  display: block;
  color: FFFFFF;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: 000000;
  border-bottom: 0px dotted;
  border-bottom-color: D9C5B5;
  width: 89.1px;
  height: 15px;
}

a.navi:hover {
  padding: 6px 0;
  float: left;
  display: block;
  color: FFFFFF;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 0px dotted;
  border-bottom-color: D9C5B5;
  background-color: 5C636E;
  width: 89.1px;
  height: 15px;
}

img {
  border: 0px;
  filter: none;
}

a:hover img {
  border: 2px solid;
  border-color: 28729A;
  filter: none;
  visibility: transparent;
}

h1 {
  margin-bottom: 5px;
  margin-top: 1px;
  padding-left: 15px;
  padding-top: 3px;
  font-family: arial, century gothic;
  font-weight: normal;
  font-size: 22pt;
  text-align: left;
  letter-spacing: 2px;
  text-transform: lowercase;
  color: 060806;
  line-height: 24px;
  background-color: FE9296;
  border-bottom: 3px dashed;
  border-bottom-color: F85D7D;
}

h1:first-letter {
font-family: georgia, aril, century gothic;
font-size: 24pt;
color:C7820B;
font-style:italic;
}

h2 {
  margin-bottom: 3px;
  margin-top: 1px;
  align: center;
  font-family: georgia;
  font-weight: none;
  font-size: 9pt;
  text-align: justify;
  letter-spacing: 0px;
  padding-bottom: 5px;
  text-transform: lowercase;
  color: 000000;
  line-height: 5px;
  background-color: transparent;
}

</style>

table, tr, td {
  background-color: transparent;
}

table tr td div div{
  display: none;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</span><br />
<span class="text">
<div class="about" style="position: absolute; left:490px; top:405px; width: 420px; height: 245px; overflow: auto; background-color: transparent; border: 0px solid; border-color: 000000; text-align: justify;
  scrollbar-base-color: E8DADA;
  scrollbar-track-color: E8DADA;
  scrollbar-face-color: E8DADA;
  scrollbar-highlight-color: E8DADA;
  scrollbar-3dlight-color: E8DADA;
  scrollbar-darkshadow-color: E8DADA;
  scrollbar-shadow-color: E8DADA;
  scrollbar-arrow-color: F85D7D;">

<h1>About Me</h1>

<b>bold</b> <i>italic</i> <u>underline</u> <s>strike</s> <a href="#link">link</a> <br /><br />
Drawn, coded, & designed by me. Got the idea from one of <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRlbGlhcy5jb20v">dELia's</a> shirts (I did NOT copy the image). Stop button for the SINGLE music player is at the top left corner of the screen (only in IE). Do not alter anything in the codes without my consent, and that goes with NOT taking off the credits. Replace the appropriate links in the corresponding navigation. I decided not to have the sample links since many people accidentally saved before replace in their FRIENDID and messed up and... too much troubles. xP Tested in both Firefox and Internet Explorer, but if there's anything wrong, please let me know. If there's any question regarding the DIV, feel free to ask. Hope you'll like it. Enjoys. :]<br /><br />
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah
</div>

<h2><a href="#link">HOME</a><br /></h2>
<h2><a href="#link">ADD</a><br /></h2>
<h2><a href="#link">MSG</a><br /></h2>
<h2><a href="#link">PICS</a><br /></h2>
<h2><a href="#link">FRDS</a><br /></h2>
<h2><a href="#link">BLCK</a><br /></h2>
<h2><a href="#link">BLOG</a><br /></h2>
<h2><a href="#link">CMNT</a><br /></h2>
<h2><a href="http://myspace.com/vicineli">Credit</a><br /></h2>
</div>

</div>
</style></span></td></tr></table></td></tr></table>

Layout Comments

Showing latest 10 of 34 comments

How do you make those? i have been trying to make a blogger layout but idk how
please help me? :)

By kayleemosley on Jul 16, 2009 8:19 pm

hahahaha

By darrahjay on Jan 4, 2009 10:03 am

To Paula407:
Did you replace the links in for their corresponding names? For example, for "HOME", you should insert "http://home.myspace.com/inde x.cfm?fuseaction=user" instead of "#link" and so on for the other links.

By Vicineli on Dec 22, 2008 1:07 am

um i dont now if i messed it up but the links on the side dont work for me.
help?!

By Paula407 on Dec 10, 2008 10:10 pm

loved the #2 joke! XD

By gizyxtune on Nov 30, 2008 12:15 am

Thanks

By 245599 on Nov 17, 2008 10:45 pm

To 245599:
Sorry, no. If you add text that's long enough, the About Me section will automatically scroll to fit your text.
And maybe the whole layout is in scroll 'cos your screen isn't big enough for the layout.

I hope this answered your question?

By Vicineli on Nov 16, 2008 9:47 pm

Is there anyway to make this layout not scroll?

By 245599 on Nov 16, 2008 4:44 pm

i have been trying to use your layouts but i just cant figure out how to use them....how do you add your text?

By oxohotthingoxo on Nov 4, 2008 9:11 am