Beauty

Designer's Comments

Look carefully for specific instructions

Questions or Installing Issues:
e-mail:ale@alecreations.net
website: http://alecreations.net/tutorial.php

________________________

VISIT TO READ MORE OF MY STUFF:
rippedwords.alecreations.net

& comment on rippedwords!

________________________

DO NOT STEAL MY CODING AND/OR EXACT IDEAS; AND DO NOT REDISTRIBUTE. IF I SEE A LAYOUT OF MINE AND YOU CLAIM IT AS YOURS, I WILL DO WHATEVER IT TAKES TO HAVE IT REMOVE. DO NOT ALTER ANYTHING!!! OR CHANGE THE IMAGE. ASK FOR PERMISION. :)

Only tested on 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

table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}

.a {hide top search and shortcuts bar}
select {position:absolute !important; margin-top:-300px;}
td td td select {position:static !important;}
div table div form {display:none !important}
.bodyContent table table div form {display:inline;}

.orangeText15 {display:none;}
.nameText {display:none;}
.friendSpace {display:none;}
.contactTable {display: none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.bottomlinks {display:none;}
.profileinfo {display:none;}
.friendsComments {display:none;}

object {position:relative; top:570; left:-8px;}

body {
background-color:000; 
background-image:url(http://cbimg6.com/layouts/08/03/31/26603ad.png);
background-repeat:repeat;
background-position:center center;
background-attachment:fixed;
.FriendsComments table table {display:none;}
.friendsComments td {height:0px;}
.FriendsComments td {background-color:transparent;}
color:ffffff;
}

a {
color:fff!important;
font-family:arial;
font-size:9pt;
font-weight:normal;
letter-spacing:-1px;
text-transform:none;}

a:hover {
color:000000!important;
font-family:arial;
font-size:9pt;
font-weight:bold;
text-transform:none;
text-decoration:none!important;
cursor:crosshair;}

.title {
color: FFFFFF;
font: 15pt century gothic;
font-weight: bold
padding: 1px;
letter-spacing: 5px;
border-bottom:2px solid;
border-bottom-color:CCCCFF;
background-color: transparent;
background-image: url(); 
background-repeat:no-repeat; 
text-align:CENTER;
text-transform:uppercase;}

.otros {
color: 003366;
font: 15pt century gothic;
font-weight: bold
padding: 1px;
letter-spacing: 5px;
border-bottom:2px solid;
border-bottom-color:CCCCFF;
background-color: transparent;
background-image: url(); 
background-repeat:no-repeat; 
text-align:CENTER;
text-transform:uppercase;}

.banner {
border:0px solid;
border-color:none;
width:auto;
height:auto;
overflow:auto;
position:absolute;
left:50%;
top:0%;
margin-left:-400px;
margin-top:100px;
text-align:center;
visibility:visible;}

.photo1 {
background-color:transparent;
border:0px solid;
border-color:none;
width:auto;
height:auto;
overflow:auto;
position:absolute;
z-index:0;
left:50%;
top:0%;
margin-left:-400px;
margin-top:697px;
text-align:center;
visibility:visible;}

.photo2 {
background-color:transparent;
border:0px solid;
border-color:none;
width:auto;
height:auto;
overflow:auto;
position:absolute;
z-index:0;
left:50%;
top:0%;
margin-left:-400px;
margin-top:1100px;
text-align:center;
visibility:visible;}

.aboutme {
background-color:transparent;
background-image:url();
background-repeat:repeat;
background-position:center center;
background-attachment:fixed;
width:300px;
height:315px;
overflow:auto;
position:absolute;
z-index:2;
left:50%;
top:0%;
margin-left:-380px;
margin-top:730px;
text-align:left;
visibility:visible;
}

.derecha {
background-color:transparent;
background-image:url();
background-repeat:repeat;
background-position:center center;
background-attachment:fixed;
width:370px;
height:315px;
overflow:auto;
position:absolute;
z-index:2;
left:50%;
top:0%;
margin-left:-12px;
margin-top:730px;
color:FFFFF;
text-align:left;
visibility:visible;
}

.homepage{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.homepage:hover{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.homepagenav {
background-color:transparent;
background-image:none;
border:none;
width:184px;
height: 15px;
overflow-y:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:828px;
margin-top:358px;
text-align:left;
visibility:visible;
z-index:6;}

.message{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.message:hover{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.messagenav {
background-color:transparent;
background-image:none;
border:none;
width:184px;
height: 15px;
overflow-y:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:828px;
margin-top:378px;
text-align:left;
visibility:visible;
z-index:6;}

.photos{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.photos:hover{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.photosnav {
background-color:transparent;
background-image:none;
border:none;
width:184px;
height: 15px;
overflow-y:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:828px;
margin-top:398px;
text-align:left;
visibility:visible;
z-index:6;}

.blog{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.blognav {
background-color:transparent;
background-image:none;
border:none;
width:184px;
height: 15px;
overflow-y:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:828px;
margin-top:418px;
text-align:left;
visibility:visible;
z-index:6;}

.add{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.add:hover{
height:15px; 
width:184px; 
background-color:transparent; 
background: url(http://cbimg6.com/layouts/08/03/31/26603af.png);
background-position:bottom left;
background-repeat: no-repeat; 
display: block;}

.addnav {
background-color:transparent;
background-image:none;
border:none;
width:184px;
height: 15px;
overflow-y:hidden;
position:absolute; 
left:0%;
top:0%;
margin-left:828px;
margin-top:437px;
text-align:left;
visibility:visible;
z-index:6;}

.comment{
background:transparent;
position:absolute;
top:0px;
left:50%;
margin-left:0px;
width:0px;
height:0px;
overflow:hidden;
z-index:1;
visibility:hidden;
}

.commentone{
background:transparent;
position:absolute;
top:1130px;
left:50%;
margin-left:13px;
width:380px;
height:350px;
overflow:hidden;
z-index:1;
visibility:visible!important;}

.write{
background:transparent;
position:absolute;
top:1330px;
left:50%;
margin-left:30px;
background-image:url();
background-repeat:repeat repeat;
background-position:center;
background-attachment:fixed;
width:340px;
height:300px;
color:ffffff;
overflow:auto;
z-index:1;
visibility:visible;}

.extra1{
background:transparent;
position:absolute;
top:1130px;
left:50%;
margin-left:-380px;
background-image:url();
background-repeat:repeat;
background-position:center center;
background-attachment:fixed;
width:330px;
height:480px;
color:ffffff;
overflow:auto;
z-index:1;
visibility:visible!important;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<p class="otros">UPDATES:</P>

<b>March 30, 2008</b><br>
Hopefully this new layout gets accepted. It is actually the first time I try working with picture roll-overs, don't be too harsh now. The photograph was used and taken with permission from <a href="http://www.tnjphotography.com">Troy</a>! Visit his site to see more of his wonderful photographs. Thank you for using this layout, and hope you enjoy it. Please, let me know if you would like to change the banner or anything, just don't alter it without letting me know! I won't say no, promise. The only thing I would ask for is <u>credit</u> please. Questions, comments? let me know. - Ale P.S. I don't change anything for you, I honestly don't have that much time on my hands. =S. but I can guide you!  <br><br>

<b>March 25, 2008</b><br>
My goal is to finish all of the paid layout designs I have by April 1st - 8th. If you are waiting for your creation, thank you for your patience and I will be giving you your design in a few days. Also, I am looking for someone who was on a track team before or recently. I have this school essay project on a Cross Country team; so, if you would like to help me get an A+, I will appreciate it! All I need is for you to describe to me your experiences. A new layout is up on createblog, if you would like to see it visit: alecreations.createblog.com/layouts/ it is the first one. For any other questions or comments, let me know. Open your mind and allow others to see your inner thoughts. - Ale<br><br>

<b>March 21, 2008</b><br>
I am not going to be online from friday through sunday. I am off to visit my Grandmama once again, and celebrate easter with her and my family! I will come back on Monday, get on track, and finish all pending work. I want to be clear of Myspace pages by April so I can start again clean and fresh! :P If you are waiting for a design, don't worry I will have everything by April 1st. *hopefully. I will see you all on Monday and may you have the greatest Easter ever. Do not let yourself down for something pathetic, stand up, move on, and defend your right to live. - Ale<br><Br>

<b>March 17, 2008</b><br>
Happy Patricks day!
Today, my sister and I, decided to try an open our own website based on thinking and life. :) Since we love to discuss these things, and Monica (my sister) loves to write, we will mix these two things together and create our future website: Speaking Eyes. Also, this Myspace page, is still under construction, try not to click the links at the very top! lol. It messes the page up. dammit. stupid Myspace destroying my codes!- Ale<br><br>

<b>March 16, 2008</b><br>
Things are getting pretty crazy as of right now. My grandmother, who I adore and love with all my heart, is about to leave us, I'm scared. My mother keeps yelling at me, It's my fault. I failed my very first class, me, an A honor student, failed and now I have to stay a year behind. I apologize to everyone who is still waiting for me and their designs, but I thank you for understanding why I'm a little behind on my projects. Life goes on for the rest of us. - Ale

</font>

</div>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input

name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 310px; height:

110px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 222222; font-family:

verdana, lucida sans; text-transform:uppercase; line-height: 14px; font-size: 10px; color: 818181;

background-color: f4f4f4;" style="overflow:auto;">Comment Me</textarea>
<br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 222222; width:310px;

font-family: verdana, lucida sans; text-transform: uppercase; letter-spacing:1pt; font-size: 10px; color:

818181; background-color: f4f4f4;" type="submit">  </form>

</center>

</div>

<p class="title">Do I have to be perfect?</P>

<center>http://alecreations.net </center>

I don't see the big deal that these certain people have with me. "Why give a damn story on your layouts about yourself? It doesn't even make sense." It's not about you, or about my 'perfection'; it's about expressing yourself. One thing I learn about life, no matter how you feel you have TO LET IT OUT one way or another. Keeping everything to yourself is dangerous, you become depress to the point that life is nothing but a 'dream for the dead.' I want to give people a chance to walk through another person's perspective of life. My Grandmother never let my mother hangout with whoever, she had to have 'friends' who she could learn something from. At a teenage age, you don't give a damn, go out with people who drink, smoke, and be 'cool.' Get pregnant or destroy your life, it's just the beginning of misery. "Why tell the world how you feel, is not there business." I will tell you one thing my Grandmother taught me and I quote! "The world is the way it is because no body likes to get involve with negativity." Want to really change the world? Start by expressing, developing, thinking, speaking, and doing. At least im reaching out to over thousand people, maybe one hundred who actually read my stuff. Leave your mark behind. My name is Ale and this is my story.

<center>...im obssess </center>
If you didn't know, your personality and the way you act lies all on several sections of your brain. Your personality and memories lie on your frontal lobe, which is the front of your head; where you see lies on your occipital lobe, which is on the very back; your temporal lobes hold your speaking motives, which are on either side of your brain. See, as you grow up, your brain starts to develop. It's easier to make a little child learn something hard because they're brains are sort of..empty? barely been filled up with the wonderfulness of the world. So as I learned this stuff in college, I wondered one thing: "Society and our surroundings brain wash us." Why are you wearing that shirt today? Those shoes? That purse? Something attracts you to it, in result, without been conscious, you have been brain washed before to make you like that certain style, color, or creativeness. Why would you use this layout?

</div>

<p class="title">THIS LAYOUT:</P>

Photograph was taken by a guy I met name, Troy. His website is located on the update section. :) The reason why I chose to use this picture, duh! It's gorgeous! Look at it, observe it, study it. My quote, "It is beauty that changes everything" came from none other than my brain. At first glance, I thought of all the things a person has to go through life and how beauty changes that from one second to another. I'm not talking about your girlfriend being beautiful, or "that guy is hot", type of beauty. I mean, naturally. We live in this wonderful place, have you ever thought of that? People don't appreciate what we have on this earth. People don't realize we are a part of it, literally, we, the people, are made out of it. So basically, when you say "I don't care, I'll throw this on the ocean, nothing will happen to me" um, yeah..your killing yourself. According to my sister Monica, "If you are sitting on a wooden chair, think about it in detail, where did it come from? Trees? Trees come from the ground, the ground is made up of dirt, we as people die and become what? Exactly, dirt! Everything is made up of each other." When you have a lousy day, take a moment and forget about your problems. Concentrate on the beauty of mother nature.

<p class="title">MY LOVERS</p>

</marquee>
</p>

<p class="title">THOUGHT OF THE DAY:</P>

I went and saw the movie "el orfanato" in Mexico; I loved it! It wasn't your typical scary pointless film, it actually had meaning behind every detail provided. They even mentioned something I always thought: "the ghost world mimics ours." Is there really another world? Don't be selfish and think beyond what you are use to. "Don't see to believe, believe to see.." Works both ways for me though!

</div>

<p class="title">MY STORY:</P>

<img src="http://cbimg6.com/layouts/08/03/31/26603ae.png" align="left" width="100" height="100">
<b>Name:</b> Alejandra<br>
<b>Location:</b> Texas<br>
<b>Age:</b> 18<br>
<b>Occupation:</b> School and Web Designing<br>
<b>Song playing on page:</b> give em hell kid- MCR<br>

It was on May 13, 1989 when my life was established. I have two sisters and a half sister, no brothers. Growing up, we moved about three times, from Dallas to Mexico and finally to Laredo. My father lived with us until I was about ten years old. I still remember like if it was yesterday, I was standing in front of the door, blocking his way. I didn't want him to leave. My mother kept saying, "Ale get out of the way, let him go!" and I, I stood there crying. He turned and went through the back door as my mother grabbed on to me. I didn't see him much after that. He came to visit once every two months or so. He had moved to Houston, and throughout that time, I became accustomed living without him. A few years later, he came back home. The family looked happy, went out to eat, we went out to the movies! & then came the day that my sister saw a text message on his cell phone, "I love you." Everything shattered again; he admitted he had been with a woman for eight years. My mom asked him if he wanted to stay with us or with the other family he had created and hidden all of this time. He chose the other family. Now, my mother, my sisters, and I, are alone once again, and holding on to our hands we walk on this misery path of life. & that is just the beginning.

</font>

</div>

Layout Comments

Showing latest 10 of 37 comments

I really really love this! Out of all the layouts I've been looking at this one definitly is my favorite. I would love to use this. Its beautiful!

By trmmarie1 on Apr 24, 2009 9:06 pm

what a beauty....this is something I've been looking for...its absolutely gorgeous...great job..

By ms-belleza on Mar 3, 2009 4:46 pm

Wow
This is beautiful :]
Great work

By MarkusLlamabear on Feb 1, 2009 8:37 pm

the nav buttons dont quite work

they show as purple boxes to the side

but this is amazing and I would love to use

the best one ive ever seen and ive been through hundreds!!

By pantheriankeyclub on Jul 23, 2008 9:18 pm

i cant figure out how to put my pictures into the code so they show up. can some explain how to do that?

By bella-todd08 on Jul 15, 2008 11:16 pm

this....is....soooooooo preeettyy!!!! i love it love it love it!

By ravishingdiamondz on Jun 14, 2008 12:59 am

I wouldn't know if the layout will work with comments; you may try and see for yourself :)

By alecreations on May 21, 2008 3:33 pm

Hello Ale, I would love to use this layout. Your layouts are my favorite! I was just wondering if there was a way to add comments to this layout and still have it look alright?

By Equusmer on May 20, 2008 5:35 am

Omg, I love it!

By ChrisJ on May 13, 2008 1:25 am

I love your design very much.. can you teach me how to use your layout step by step? the instruction above quite confusing.. Thanks for your help.. :)

By edyang on May 7, 2008 2:36 am

View all »

Layout Details

Designer	alecreations
Submitted on	Mar 31, 2008
Page views	46,512
Favorites	473
Comments	37
Reviewer	karmakiller
Approved on	Mar 31, 2008

Beauty

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