Dance The Polka

Designer's Comments

Look carefully for specific instructions

Replace XXXXX's with your own friend ID, and the "YOURFRIENDURL" with your friend's myspace address.

[edit 4-1-09: Made the credit a lot less noticeable ;}.]

I got the textures from masterjinn on dA: http://masterjinn.deviantart.com/.

Any other questions, you can e-mail me (oranger0cks at hotmail dot com) or just message me on here.

Hope you enjoy it! :)

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

</style> 
<style>

body { 
  background-color:f8f7f6;
  background-image: url(none);
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
  scrollbar-face-color: EBF5FF;
  scrollbar-base-color:EBF5FF;
  scrollbar-arrow-color: black;
  scrollbar-track-color: F3F3F3;
  scrollbar-shadow-color:EBF5FF;
  scrollbar-highlight-color: EBF5FF;
  scrollbar-3dlight-color: 78AAFF;
  scrollbar-darkshadow-Color: 78AAFF;
}

{text}
table, tr, td, li, p, div {  color:393939; font-family: Small Fonts ; font-size:9px;     }

.redtext {  color:000000; font-size:12px;      }

a:active, a:visited, a:link{  color:3f5f3a; font-family:Arial; font-size:9px; text-transform: uppercase;  }

a:hover {  color:339b63; font-size:10px;    } 
 
b {color:339b63; font-family:Candara; font-weight:bold; font-size:10px;}
 
u{font-family:Arial;font-size:9px;color:3C3C3C;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:3C3C3C;
letter-spacing:0px;}
 
 .blacktext10 {
font-family: Arial;
font-size: 9px;
font-weight: bold;
color: 3f5f3a;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 3f5f3a;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}

{divs}

.bg1
{background-color: transparent;
background-image: url(http://img11.imageshack.us/img11/6663/dancethepolkabg8.png);
background-attachment: scroll;
background-position:top left; 
background-repeat:no-repeat;
position:absolute;
top:163px;
left:0px;
scroll:hidden;
display:block;
width:1157px;
height:900px;
z-index:1;}

.msg{
height:47px; 
width:73px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/msgbuttonp.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.msg:hover{background-position:bottom left;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
top:414px; 
left:190px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:47px; 
width:74px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/addbuttonp.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.add:hover{background-position:bottom left;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:263px;
top:414px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.pix{
height:47px; 
width:71px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/picsbuttonp.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:bottom left;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:411px;
top:414px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.vids{
height:47px; 
width:96px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/vidsbuttonp.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.vids:hover{background-position:bottom left;}

.vidscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:482px;
top:414px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:47px; 
width:87px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/blogbuttonp.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:bottom left;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:578px;
top:414px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.block{
height:47px; 
width:82px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/blockbuttonp.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.block:hover{background-position:bottom left;}

.blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:752px;
top:414px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.everything
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:489px;
left:227px;
display:block;
padding:0px;
width:300px;
height:350px;
z-index:2;
overflow:auto;
text-align:justify;}

.commentbox
{
background-color: transparent;
background-attachment: fixed;
position:absolute;
top: 225;
left: 875;
display: block;
padding: 0px;
width: 180;
height:150;
z-index:2;
overflow: hidden;
text-align: center;
}

.friendbox
{
background-color: transparent;
background-attachment: scroll;
position:absolute;
top:489px;
left:540px;
display:block;
padding:0px;
width:325px;
height:365px;
z-index:2;
overflow:auto;
text-align:justify;
}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px;

display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

td.text td.text table table table td a img {width:70px;}  td.text td.text table table table td div img {width:50px;}  td.text td.text table table td img {width:250px; max-width:250px; width:auto;} 
td.text td.text table table td div img {width:70px;}  
* html td.text td.text table table td img {width:80px;} 
* html td.text td.text table table td a img {width:70px;}  * html td.text td.text table table td div img {width:50px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<br>
<img src="http://cbimg6.com/layouts/09/03/34238ah.png" align="left">
<p>[Name:] Alicia
<p>[Location:] Michigan
<p>[Age:] 20
<p><br>About me here, and whatever else.. etc. etc. etc. This part expands and makes a scrollbar, so put how ever much content you want. Make sure you edit the XXXXXX's to your own FriendID. The part where you input your own friend's pictures also expands if you want more than six.

It will hold up to 9 people without having to scroll.
<p>Please make sure you keep the "layout made by" image on there, so people know where the layout came from. 
<p>The only thing you have to edit are the XXXXXX's, put your own picture in, and edit the friend's pics. You don't have to use the polaroid image, either, obviously. Whatever you want. Just PLEASE do not remove the "layout by oranger0cks".
<p>Other than that.. Have fun! Any questions, you can email me: oranger0cks at hotmail dot com. Thanks for using!

</div> 
</div>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
	<input type="hidden" name="friendID" value="XXXXXX">
	<textarea name="f_comments" id="f_comments" cols="30" rows="8" style=" background-color:343a3c!important; 
		background-image: url(http://); 
		background-position: 
		top left; 
		background-attachement: fixed; 
		background-repeat: repeat; 
		border:0px black solid; 
		font-family:Arial!important; 
		font-size:9px!important; 
		color:d5d8d8!important; ">Take my hand, now.. Be alive.</textarea>
<br><input type="submit" value="comment">	
	<input type="reset" value="clear"></form>

</div>

</div>

Layout Comments

Showing latest 7 of 7 comments

Cutee

By ParisLovin on Apr 29, 2009 10:42 pm

Well done! I think it looks pretty good. Yeah, the only thing that really bugs me is the credit link. Other than that, awesome job! :) Oh, and @WESTSIZEBWSLAYZ:
All the girl is doing is just giving some friendly critique. It's common and it helps the designer become better at their designing. :)

By Mikeplyts on Apr 6, 2009 10:19 pm

sweet!

By suziestarr on Apr 1, 2009 4:47 am

love it!!! the texture used, the colors and the text is awesome. just the credit part bugs a bit... coul've been a tab smaller ;)

By JMaisonlilhouse on Mar 31, 2009 6:14 pm

damn wow this is awesome.

By michellekdo on Mar 31, 2009 9:52 am

damn that grl is dissin all ur layouts dont sweat it u got madd skills

By WESTSIDEBWSLAYZ on Mar 31, 2009 8:06 am

this is really cute, but i think it's really busy - so many patterns going on. also the credit sticks out a bit too much. i love the textures though (:

By jiyong on Mar 30, 2009 6:23 pm

Layout Details

Designer	oranger0cks
Submitted on	Mar 30, 2009
Page views	28,478
Favorites	140
Comments	7
Reviewer	schizo
Approved on	Mar 30, 2009

Dance The Polka

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates