Charmed!

Designer's Comments

Look carefully for specific instructions

FOR SOME REASON, THE CB PREVIEW SHOWS THE HEADER AS MISALIGNED, BUT WHEN IT IS PLACED IN MYSPACE, EVERYTHING WORKS CORRECTLY!!

Here is another "default" style template that is a DIV.

** Don't forget to replace XXXXXX with your ID
** Don't forget to replace FRIENDID with your friend's ID's

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

<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><style> body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;} 
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} 
a.text, table div font a, table div div {visibility:hidden;} 
table tr td div font {display: none;} 
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}
td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}
td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;}

h1 {
          font-family: Time New Roman;
          font-size: 20pt;
          color: ffffff;
          font-weight: normal;
          border-bottom: 3px double;
          border-color: 009900;
          text-align: right;}
          
   	h2 {
	  font:22px impact;
	  color:e69595;
	  text-align:right;
	  text-transform:lowercase;
	  line-height:22px;
	  letter-spacing:-1;
	  margin-bottom: 0px;}

h3{
	  font:30px century gothic;
	  color:e69595;
	  text-align: right;
	  text-transform:uppercase;
	  line-height:30px;
	  letter-spacing:-3;
	  border-bottom: 1px dashed;
	  margin-bottom: 2px;
	  width: 100%;}

big{
	  font-family:arial; 
	  color:000000; 
	  font-size: 28px; 
	  letter-spacing:-2pt; 
	  text-align: center; 
	  line-height: 27px; 
	  font-weight:normal; 
	  display:block; 
	  background-color:e69595; 
	  background-image: url(http://i264.photobucket.com/albums/ii167/misspixxed/myspace/charmed_TOPICBG.png);
	  visibility:visible;
	  border-bottom:dashed 1px; 
	  border-top:dashed 1px; 
	  border-color:000000;
	  text-align:center;
	  text-transform:lowercase;}

b {color: 839a5c ;}

i {color: ;}

u {color: ;}

ul {color: ;}

small{
	  font:30px century gothic;
	  color:c9cc82;
	  text-align:center;
	  text-transform:uppercase;
	  line-height:30px;
	  letter-spacing:-3;
	  border-bottom:;
	  margin-bottom: 2px;}
      
strike {color: ; font-size: 10pt; font-style: strikethrough; }

blockquote {background-color: ; border: 1px solid; border-color: ; padding: 5px;}

body {
          background-color: ffffff; 
          background-image: url(http://i264.photobucket.com/albums/ii167/misspixxed/myspace/charmed_DEFAULTBG.png); 
          background-repeat: repeat-y; 
          background-position: center;

scrollbar-face-color: ; 
          scrollbar-arrow-color: ; 
          scrollbar-track-color: ; 
          scrollbar-shadow-color: ; 
          scrollbar-highlight-color: ; 
          scrollbar-3dlight-color: ; 
          scrollbar-darkshadow-color: ;}

.nava:link, .navi:active, .navi:visited {
        text-decoration: none;
	text-transform: lowercase;
	font-family:arial;
	font-style: normal;
	font-variant: arial;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:e1ffeb;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;}

.nava:hover {
        text-decoration: none;
	text-transform: lowercase;	
	font-family:arial;
	font-style: normal;
	font-variant: arial;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:e1ffeb;
	border-right: 20px solid;
	border-color: c9cc82 !important;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;
	padding-left: 1px;
	padding-right: 1px;}

a:link, a:active, a:visited {color: 839a5c; font-family:small fonts; font-size: 7px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
a:hover {color: c9cc82; font-family:times; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; line-height: 15px;}

.header {position: absolute; top: 278px; left: 50%; margin-left: -422px;}

.left    {position: absolute; top: 375px; left: 50%; margin-left: -400px; height:; width: 300px; font-family: times new roman; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;}
.navbox  {background-color: cff0da; background-image: url(); border: 1px solid black; font-family: arial; font-size: 11px; color: 91c1b0; text-align: justify; cursor: hand; line-height: 10px; font-weight: normal; padding: 2px; text-transform: none;}

.right   {position: absolute; top: 375px; left: 50%; margin-left: -075px; height:; width: 470px; font-family: times new roman; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;}
.navboxx {background-color: cff0da; background-image: url(); border: 1px solid black; font-family: arial; font-size: 11px; color: 00000; text-align: center; cursor: hand; line-height: 10px; font-weight: normal; padding: 2px; text-transform: none;}
.navboxxx {background-color: cff0da; background-image: url(); border: 1px solid black; font-family: arial; font-size: 11px; color: 00000; text-align: justify; cursor: hand; line-height: 10px; font-weight: normal; padding: 2px; text-transform: none;}

</style>

<h2>Navigation</h2>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZTEzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXI=" class="nava">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJpZW5kSUQ9WFhYWFhY" class="nava">Pictures</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhY" class="nava">Message Me</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="nava">Add Friend</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9WFhYWFhYJnB1YmxpYz0w" class="nava">Favorite</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="nava">My Friends</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci52aWV3Q29tbWVudHMmZnJpZW5kSUQ9WFhYWFhY" class="nava">My Comments</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX" class="nava">Add Comment</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY" class="nava">Blog</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWA==" class="nava">Block Me</a>

<h2>Interests</h2>

Music, Movies, Television .... anything you want to let people know about your general interests would go here.

<h2>Expressions</h2>

Avatar/Blinkies Here (just make sure they aren't wider than 300px)

<h2>People to See</h2>

<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a>

<h2>PROFILE STATS</h2>

Webmiss: your name here 
Create date: 00.00.00 
Layout: Charmed! 
Best Viewed: 1440x900 
Browser: IE 7 
Design: <a href="http://www.msplinks.com/MDFodHRwOi8vbWlzc3BpeHhlZC5jcmVhdGVibG9nLmNvbQ==">Miss.Pixxed</a>

</div>

<div class="right">
<h3>Terms of Use</h3>

1. To display properly, you should erase all data from your profile information sections. Otherwise, the text may show through the DIV layer. 
2. Don't forget to replace the XXXXXX with your friend ID.

3. Please do not remove any credits placed on layouts. 
4. If you use, feel free to send me a message at <a href="http://www.myspace.com/misspixxed"> MissPixxed</a> so I can check it out! 
5. Last, but not least, make sure any avatars/blinkies/pictures you insert do not exceed [470]px or your tables will widen and the layout will not display properly.

<img src="http://i264.photobucket.com/albums/ii167/misspixxed/myspace/YOURPICHERE_01.gif" /> 
BREE 
Age/Sex: age here		 
Birthday: b-day			 
Location: somewhereville	 
Quote: 	"lalalalala"

<big>THE LOOKS</big>
Hair color: 	 
Eye color: 	 
Height: 	 
Tattoos: 	 
Piercings: 	 
Best physical feature:

<big>PERSONALITY</big>
Best character trait: 				 
Bad Habits: 					 
Overused phrase: 				 
Do you have any special talents? 		 
Do you collect anything? 			 
What's the craziest thing you have ever done? 	 
Worst Fear? 					 
Most embarrassing moment: 			 
Favorite memory: 				 
Dream car:

Loves: (list anything & everything that comes to mind) 		 
Hates: (list anything & everything that comes to mind)

<big>FAVORITES</big>
Time of year:				 
Holiday:					 
Movie:					 
TV show:					 
Song:					 
Artist:					 
Alcoholic beverage:			 
Food:					 
Scent:					 
Flower:					 
Animal:					 
Candy:

<big>WHO ARE?</big> 
Boyfriend/ girlfriend:			 
Parent:					 
Sibling:					 
Best friend(s):				 
Pet(s):

<big>BELIEFS</big>
Magic?					 
Miracles?				 
Ghosts?					 
Love at first sight?			 
Yourself?				 
Wishing on shooting stars?

<big>THE MYSTERY OF LOVE</big>
Have you ever been in love?		 	 
Have you ever had your heart broken?	 	 
How would you turn someone down?		 	 
What do you look for in the opposite sex?

<big>FINISH THE SENTENCE</big>
If I had 1 million dollars I would....		 
I am a great....					 
Before I die I want to....			 
If I could go anywhere, I'd go....

<big>RANDOMNESS</big>
What's your name spelled backwards?		 			 
Longest car ride?				 			 
What is one thing you want?			 			 
What is the biggest amount of people you've had spend the night?		 
Do you consider yourself a good singer?		 			 
What is the coolest memory you've had with your best friend?		 
Are you a MySpace addict? 						 
What is the weirdest comment you've ever gotten?				 
Can you make people laugh?

<h3>Miscellaneous</h3>
 
You can add another section here. Maybe a music player or a comment box...whatever your little heart desires. Remember to make sure the width of any images/graphics you put in here also doesn't exceed [470]px.
 Here is an example of what your text would look like bold, and here's some italic and we'll even try it with underline....
 
This would be a good place to place any surveys, quizzes, etc. that you would normally put in your about me section. Plenty of room, and the boxes will heighten as you continue to add stuff.

</div>

</style>

Layout Comments

Showing latest 10 of 10 comments

beautiful!

By calilani on Apr 15, 2009 3:10 am

This reminds me of the the book called Charmed. Same font and all.

By TheExoticPeachFairy on Apr 5, 2009 4:57 pm

this is a really awesome layout but for some reason the NAV wont work for me :( i went over the code but nothing seems wrong with it..do you think you can help me??

By FrostyLime on Nov 9, 2008 2:08 am

i like this! they should make myspace standard like this.
I really like this ^^

By PiNK-RAGe on Oct 20, 2008 6:57 pm

veyr very nice layouts

By supergirltri on Oct 20, 2008 6:50 pm

Cute. :D

By dreamgurl36 on Oct 20, 2008 11:27 am

aww this is nice. i really love the colors and set up .. and the Randomness part is SO cute hehe ..

The "Charmed" is kinna pixely to me ..or hmm is that the font itself?! ..

By diputs on Oct 20, 2008 8:52 am

It's very nice, but you'll want to try sizing it for all screen resolutions. You've got the same size I do and it looks fine on mine, but like Drama said it doesn't work on smaller resolutions. I can show you how to centre it, message me if you need any help. :)

By HeartOfPandora on Oct 20, 2008 12:29 am

Yeah, It's messed up all in Firefox hun

By Jamesisgsnap on Oct 19, 2008 10:03 pm

You must have a wide screen, there's a huge horizontal scroll bar and the layout is way to the right for me. My screen is 1024 by 768.

But other than that it's nice, I like the colors. :]

By none345678 on Oct 19, 2008 8:32 pm

Layout Details

Designer	MissPixxed
Submitted on	Oct 19, 2008
Page views	14,176
Favorites	111
Comments	10
Reviewer	Blaqheartedstar
Approved on	Oct 19, 2008

Charmed!

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates