Hippy Chick Myspace Layouts

» This Layout Can Be Modified! « Like this Myspace Layout but want to make some changes?
Click here to change/customize font colors, contact tables, extended networks, and more!

Save This Layout

Comment This Layout

Rate This Layout

1 - Bad
2 - Good
3 - Average
4 - Above Average
5 - Best

Current Rating:

Views: 18715

Category: Girly

Date Added: Mar 08, 2007

Author Description:
Hippy Chick

Author: JLS

Click here to preview 1.0!

Click here to preview 2.0!

MORE LAYOUTS BY JLS

Submit Your Own Layouts!

Fantasy Horse

What Love Is...

The Littlest Things...

Life Is A Fairytale...

CODE FOR MYSPACE PROFILE 1.0 LAYOUT:

form>img#googleTLogo
{
	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
	background-repeat: no-repeat;
}

#googleTLogo
{
	vertical-align:bottom;
	width:120px;
	height:30px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}

</style><style type="text/css">
body {
	background-color: rgb(255, 255, 255);
	background-image: url(http://i114.photobucket.com/albums/n270/jfyderek/hippieflowerback.gif);
	background-position: top left;
	background-repeat: repeat;
	background-attachment: fixed;
	}
table, tr, td {
	background-color: transparent;
	border: 0px;
	}

table table {
	border: 6px;
	}
table table table table{
	border: 6px;
	}
table table table {
	border-width: 6px;
	border-color: rgb(80, 241, 217);
	border-style: solid;
	background-color: rgb(255, 255, 255);
	}
table table table td {
	background-color: rgb(255, 255, 255);
	filter:alpha(100);
	-moz-opacity:0.;
	opacity: 100;
	-khtml-opacity:0.;
	}
table table table table td {
	filter:none;
	}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
	font-family: Verdana;
	font-size: 12px;
	color: rgb(124, 107, 196);
	font-weight: bold;
	font-style: normal;
	}
.nametext {
	padding: 5px;
	display: block;
	font-family: Verdana;
	font-size: 12px;
	color: rgb(241, 218, 25);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	}
.whitetext12, .orangetext15 {
	font-family: Verdana;
	font-size: 12px;
	color: rgb(144, 200, 47);
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
	color: rgb(227, 51, 156);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	}
a.navbar:hover, a.man:hover, a:hover {
	color: rgb(158, 64, 196);
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	}
.badge {
	position: absolute;
	left: 1px;
	top: 1px;
	}
</style><style type="text/css">
table table table td {
   vertical-align:top !important;
}

span.blacktext12 {
   visibility:visible !important;
   background-color: transparent;
   background-image: url(http://img96.imageshack.us/img96/8229/1173406911aab71a8abdd82ek9.png);
   background-repeat: no-repeat;
   background-position: center center;
   font-size: 0px;
   letter-spacing :-0.5px;
   width: 442px;
   height: 308px;
   display:block !important;
   border:0px solid rgb(0,0,0);
}

span.blacktext12 img {
   display:none;
}
</style><style type="text/css">
 
div.layoutbutton{
   width:145px;
   border:1px solid white;
   position:fixed;
   _position:absolute;
   top: 20px;
   right: 5px;
}
 
div.layoutbutton a{
   background-image:url(http://www.mywackospace.com/images/p.png);
   width:100%;
   height:21px;
   color:rgb(255,255,255);
   font:bold 11px arial,sans-serif;
   display:block;
   text-decoration:none;
   line-height:19px;
}
 
div.layoutbutton a:visited{
   background-image:url(http://www.mywackospace.com/images/p.png);
   width:100%;
   height:21px;
   color:rgb(255,255,255);
   font:bold 11px arial,sans-serif;
   display:block;
   text-decoration:none;
   line-height:19px;
}
 
div.layoutbutton a:hover{
   background-image:url(http://www.mywackospace.com/images/a.png);
   width:100%;
   height:21px;
   color:rgb(3,55,112);
   line-height:19px;
   font:normal 11px arial,sans-serif;
   text-decoration:underline;
   line-height:19px;
}
 
.mywackospace { Created using MyWackoSpace.com - MySpace Editor -
MySpace Layouts - MySpace Generators - MySpace Codes - MySpace
Graphics}

</style><style type="text/css">
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://resources.mygen.co.uk/contacttables/hippy6.gif"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
</style><style type="text/css">
	body, html {visibility:visible !important; display:block !important}
</style>                    
												  
<div style="position:absolute;top:0;left:0"><a href="http://www.startskins.com/?ref=631"><img src="http://img.freecodesource.com/images/startskins/startskins-animated-100.gif" border="0"></a></div><br> <div align="center"> <a href="http://www.codemylayout.com" target="_blank"><img src="http://images.codemylayout.com/images/banners/button.gif" border="0"></a><br> Get <a href="http://www.codemylayout.com" target="_blank">Myspace Layouts</a> @ <a href="http://www.codemylayout.com" target="_blank">CodeMyLayout.com</a> </div> <br>

CODE FOR MYSPACE PROFILE 2.0 LAYOUT:

1. Copy and paste the first code below in your About Me section:

2. Then, copy and paste this code in your CSS field by following the directions provided below:

div.wrap {background-color:transparent;}

div.basicInfoDetails h2 {
height:28px;
display:block;
}

div#header, div#googlebar, div#topnav { background-color:transparent; }
#topnav ul { border-right:1px transparent solid; }
#topnav ul li { border-left:1px transparent solid; }

removed>img#googleTLogo
{
	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
	background-repeat:no-repeat;
}

#googleTLogo
{
	vertical-align:bottom;
	removed:120px;
	removed:30px;
	filter:progid:DXImageTransremoved.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}

body {
	background-color:rgb(255, 255, 255);
	background-image:url(http://i114.photobucket.com/albums/n270/jfyderek/hippieflowerback.gif);
	background-position:top left;
	background-repeat:repeat;
	background-attachment:fixed;
	}
div.content {
	background-color:transparent;
	border:0px;
	}

div.content {
	border:6px;
	}
div.moduleMid2 table{
	border:6px;
	}
div.moduleMid2 {
	border-width:6px;
	border-color:rgb(80, 241, 217);
	border-style:solid;
	background-color:rgb(255, 255, 255);
	}
div.moduleMid2 {
	background-color:rgb(255, 255, 255);
	filter:alpha(100);
	-moz-opacity:0.;
	opacity:100;
	-khtml-opacity:0.;
	}
div.moduleMid2 table td {
	filter:none;
	}
body, div, span, td, p, h4, h3.moduleHead span span, ul.moduleList li h4, ul.moduleList li strong, strong, b, u, span.count, span.count, .btext, .text, div.basicInfoDetails h2, div.commentsModule p.datePosted, .blacktext12 {
	font-family:Verdana;
	font-size:12px;
	color:rgb(124, 107, 196);
	font-weight:bold;
	font-style:normal;
	}
div.basicInfoDetails h2 {
	padding:5px;
	display:block;
	font-family:Verdana;
	font-size:12px;
	color:rgb(241, 218, 25);
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	}
h3.moduleHead span span, h4 {
	font-family:Verdana;
	font-size:12px;
	color:rgb(144, 200, 47);
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, ul.links li a, ul.links li a:active, ul.links li a:visited, ul.links li a:hover {
	color:rgb(227, 51, 156);
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	}
a.navbar:hover, a.man:hover, a:hover {
	color:rgb(158, 64, 196);
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
	}
.badge {
	position:absolute;
	left:1px;
	top:1px;
	}

div.moduleMid2 {
   vertical-align:top ;
}

span.blacktext12 {
   visibility:visible ;
   background-color:transparent;
   background-image:url(http://img96.imageshack.us/img96/8229/1173406911aab71a8abdd82ek9.png);
   background-repeat:no-repeat;
   background-position:center center;
   font-size:0px;
   letter-spacing :-0.5px;
   removed:442px;
   removed:308px;
   display:block ;
   border:0px solid rgb(0,0,0);
}

span.blacktext12 img {
   display:none;
}

div.layoutbutton{
   removed:145px;
   border:1px solid white;
   position:fixed;
   _position:absolute;
   top:20px;
   right:5px;
}
 
div.layoutbutton a:link {
   background-image:url(http://www.mywackospace.com/images/p.png);
   removed:100%;
   removed:21px;
   color:rgb(255,255,255);
   font:bold 11px arial,sans-serif;
   display:block;
   text-decoration:none;
   line-height:19px;
}
 
div.layoutbutton a:visited{
   background-image:url(http://www.mywackospace.com/images/p.png);
   removed:100%;
   removed:21px;
   color:rgb(255,255,255);
   font:bold 11px arial,sans-serif;
   display:block;
   text-decoration:none;
   line-height:19px;
}
 
div.layoutbutton a:hover{
   background-image:url(http://www.mywackospace.com/images/a.png);
   removed:100%;
   removed:21px;
   color:rgb(3,55,112);
   line-height:19px;
   font:normal 11px arial,sans-serif;
   text-decoration:underline;
   line-height:19px;
}
 
.mywackospace { Created using MyWackoSpace.com - MySpace Editor -
MySpace Layouts - MySpace Generators - MySpace Codes - MySpace
Graphics}

.contactTable {removed:300px; removed:150px; padding:0px; background-image:url("http://resources.mygen.co.uk/contacttables/hippy6.gif"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactdiv.content, table.contactTable td {padding:0px ; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a:link {display:block; removed:28px; removed:115px;}
.contactTable .text {font-size:11px;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}

body, html {visibility:visible ; display:block }
                    .topleft { position: absolute; top: 0px; left: 0px; }		  
.topright { position: absolute; top: 0px; right: 0px; }		  
/*BEGIN_ABOUT_CONTENT

<center>
<div class="topleft"><a href="http://codemylayout.com" target="_blank"><img src="http://images.codemylayout.com/images/banners/button.gif" alt="Myspace Layouts" border="0" /></a></div><br />Get <a href="http://www.codemylayout.com">Myspace 2.0 Layouts</a> at <a href="http://www.codemylayout.com">CodingMyLayout.com</a>
<br><div class="topright"><a href="http://www.startskins.com/?ref=631"><img src="http://img.freecodesource.com/images/startskins/startskins-animated-100.gif" border="0"></a></div>
</center>
END_ABOUT_CONTENT*/

Can't see the code above? Click here.

HOW DO I INSTALL A MYSPACE PROFILE 2.0 LAYOUT?
	If you haven't already, upgrade to the 2.0 profile. Once upgraded, you will be taken to the customize profile section where you can enter your Myspace Profile 2.0 Layout code. If you've already upgraded, hover over the 'Profile' button in the top navigation and click the Customize Profile link.
	Once in the Profile 2.0 Customize Profile area, select No Theme. Next, click CSS and paste the layout code in the text area provided.
	To ensure everything works correctly, click the Preview button on the left side. Finally, click Publish to save your layout!

USER COMMENTS

Post A Comment

Name: Melissa

Date: Nov 30, 2007

Comment:

Awesome job!

POST A COMMENT

Full Name/Nick:
Comment:
Secrity Code:

We do not claim ownership over images or layouts hosted on this site.

Support CodingMyLayout!

Myspace 1.0 Layouts

Hippy Chick Myspace Layouts