BFF Simple Scrapbook

Designer's Comments

Look carefully for specific instructions

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

______________________________

READ MORE OF MY STUFF AT:
rippedwords.alecreations.net

& comment!

______________________________

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 PERMISSION PLEASE. :)

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

.picnav{
position:absolute;
left:50%;
top:338px;
margin-left:-90px;
width:420px;
height:339px;
overflow:hidden;
z-index:1;
visibility:visible!important;
}

.homenav{
position:absolute;
left:50%;
top:200px;
margin-left:-170px;
width:420px;
height:330px;
overflow:hidden;
z-index:1;
visibility:visible!important;
}

.msgnav{
position:absolute;
left:50%;
top:250px;
margin-left:-110px;
width:420px;
height:339px;
overflow:hidden;
z-index:1;
visibility:visible!important;
}

.addnav{
position:absolute;
left:50%;
top:293px;
margin-left:-50px;
width:420px;
height:339px;
overflow:hidden;
z-index:1;
visibility:visible!important;
}

.titulo{
position:absolute;
left:50%;
top:393px;
margin-left:-50px;
width:420px;
height:330px;
overflow:hidden;
z-index:1;
visibility:visible!important;
font-family:Freestyle Script;
color:cccccc;
font-size:30px;
}

.photo{
position:absolute;
left:50%;
top:230px;
margin-left:94px;
width:230px;
height:330px;
overflow:hidden;
z-index:1;
visibility:visible!important;
font-family:century gothic;
color:000000;
font-size:11px;}

body div table td form{display:none;}
table, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-color:color here;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
table.navigationBar {display:none !important}

body{
background-color:000000;
background-image:url("http://cbimg9.com/layouts/08/07/29293ab.png");
background-position:left;
background-repeat:repeat; 
}

.standard b, p b, B, strong {
font-family:century gothic; font-size:11px; color:222222; font-weight:bold; border:0px; letter-spacing: 2px;

text-transform:none; letter-spacing: 1px;}

u, s, .stext, .sbtext, .swtext {
  font-family: century gothic; 
  font-size: 10px;
  color: cccccc;
  text-align: justify;}
i, em, .itext  {
  font-family: century gothic; 
  font-size: 10px;
  color: ffffff;
  text-align: justify;}

.title {
color:000000;
font: 10pt century gothic;
font-weight: normal;
padding: 1px;
letter-spacing: 1px;
border-bottom:1px dotted;
border-bottom-color: ffffff;
border-width: 1px;
background-color:transparent ;
background-image: url(''); 
background-repeat:repeat; 
text-align:Left;
text-transform:uppercase;}

A:link,
A:visited,
A:active{
font-family:century gothic;
font-size:10px;
color:ffffff;}

A:hover{
color:FFCC99;
text-decoration:underline;}

.backg{
position:absolute;
left:50%;
top:125px;
margin-left:-355px;
width:700px;
height:1122px;
overflow:none;
z-index:1;
visibility:visible!important;}

.info{
position:absolute;
left:50%;
top:458px;
margin-left:-188px;
width:220px;
height:330px;
overflow:auto;
z-index:1;
visibility:visible!important;
font-family:century gothic;
color:333333;
font-size:11px;}

.two{
position:absolute;
left:50%;
top:458px;
margin-left:50px;
width:230px;
height:330px;
overflow:auto;
z-index:1;
visibility:visible!important;
font-family:century gothic;
color:333333;
font-size:11px;}

.commentbox{
position:absolute;
left:50%;
top:810px;
margin-left:65px;
width:230px;
height:330px;
overflow:auto;
z-index:1;
visibility:visible!important;
font-family:century gothic;
color:000000;
font-size:11px;}

.links{
position:absolute;
left:50%;
top:540px;
margin-left:-330px;
width:167px;
height:480px;
overflow:auto;
z-index:1;
visibility:visible!important;
color:white;}

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

.comment, .comment td, .comment table, .comment td a img, .comment td td td a, .comment td b a, .comment td .redlink{visibility:visible;}  .comment td td td table, .comment .orangetext15, .redlink, .comment .btext, .rid, .frnd{display:none;} .comment td b, .blacktext10 {display:block;} .comment {z-index:7;}
.comment table, .comment b {position:relative; top:-30px; _top:-30px;}

.comment td td td div{display:none;}
.comment td td td td div{display:none;}
.blacktext10{visibility:visible;}
.comment .btext{display:none;}
.redlink{display:none;}

.note {Style of all text}
.comment td, .comment span {font-size:10px !important; font-family:verdana!important; color:ffffff!important; font-weight:normal;}

.note {style of all links}
.comment a {color:ffffff!important; text-decoration:none !important;font-weight:bold;}
.comment a:hover {color:003366!important;}

.note {comment: timestamp}
.comment .blacktext10 {color:ffffff!important; font-size:10px; text-align:left; font-weight:bold;}

.note {adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:003366; width:500px;}

.note {"Displaying x of x comments" properties}
.comment td b {text-align:center;  font-size:10px!important; font-family:verdana!important; color:003366!important;}

.note {resizes: images posted in comments}
.comment td img {width:300px; max-width:300px; 
width:auto; _width:300px !important;}

.note {resizes: linked images}
.comment td a img {width:90px; max-width:90px; 
width:auto; _width:90px !important; _padding:0px !important; padding:0px;}

.byebye {display:none !important;}

</style>

<style>

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

</div>

</div>

</div>

Welcome To Ale's Myspace

</div>

<p class="title">My Story</p>
This layout was actually done in dedication to my only two best friends. Crystal & Cindy. Growing up I was raised believing there are no such things as friends. People only hangout with you because you offer something to them. These two individuals proved me wrong. I've known Crys for five years and I feel like she understands completely my every way. She has been there for me though good, bad, and weird. She does not judge, she listens and gives advice. Most importantly, while people come and go in my life, she is still there and hasn't moved one muscle. I know that she means it when she says she cares or that she loves me because it has showed through these years of being friends. So while others claim they are my good friends, Crystal throws them off my list. I love her! We laugh so much it hurts, but I wouldn't want to share such laughter with anyone else. It's our thing. Cindy, on the other hand, came into my life just a couple of months ago. It was an awkward way of meeting, believe me! We hated each other, we were enemies, and now we're as close as can be. She lifted me up when I was on the ground. She helped me get up when I tripped and fell, all for a stranger. It is crazy how we have so many things in common. We can never run out of things to discuss about. She is the one person, apart from my sister, that I truly express myself around. I can talk to her about life, my thoughts, society, my opinions, and she listens. She reads my diary everyday and learns new things about me. I love the way she thinks because we think somewhat alike. :D It allows us to communicate easier, and be different than the rest. <br><br>
Overall, I believe in best friends, but not friends. How can this be? I don't think people should take friends too seriously unless they cross that state of friendship and become more than just a random person you talk to. Especially teens, now a days everybody hangs out with everyone, not caring if the person is of good influence or not. Nonetheless, the day your so-called friends leave you drunk on a street's sidewalk, the day you realize your friends are nothing but a fake act, that day you will distinguish your best pal from the rest because at the end of a long day, there is only one standing waiting for you.

<p class="title">Who The Hell Is Ale?</p>
I am a 19 year old girl who is currently attending college and designing layouts for you. I am mostly known as the person who writes about life on her lyts. I love to write and express myself, the only bad thing is I am horrible at it. People have judged me and criticized my writing skills before, it only makes me want to write more. It's not about talent, or perfect grammar; it's not about the right english words, or making sense, it's about opening your mind and putting it down on a screen or paper. It's about expressing, it does not matter whether your reader does not understand! Well in this case at least, my words go through you one way or another. At least you tried to read my lines, or you read and understood. Don't let people bring you down, trust me I've been there several times already where someone is holding me from my leg trying to pull me towards them as I fly high above. I won't let myself go to their level, I have more to offer, I deserve more.

</div>

<p class="title">Your Title Here</p>

Since I can't type personal information based on my layouts anymore. :( I HAVE to type the following because then my stuff gets rejected: Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information. Fill this out with your information.

</div>

<div class="commentbox">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden" /> <textarea name="f_comments" class="Skem9box">Dear Friend,</textarea><br /><input type="submit" value="Comment" class="Skem9sub" /></form><br />

<style>

<------Change the following photo link to yours, it's the second http----------->

</style>

</div>

Layout Comments

Showing latest 10 of 12 comments

I love that patchwork heart. That's the special touch to this layout.

By Butterface89 on Aug 18, 2010 4:01 pm

HOLY SHIT! Now THATS what I call a "Scrapbook Layout", too many =/ however none as gorgeous as this!

By koobecaf on Apr 16, 2009 4:33 pm

Hey I love the layout and it's really cool bcuzz my bestfriend's name starts with C and mine with A so it goes great with the little tag on the bottom I'm using thanksss!!!

By anajelly on Dec 15, 2008 4:01 pm