I Will Remember

Designer's Comments

Look carefully for specific instructions

Myspace version of I Will Remember. Special thanks to Tasare for the stylesheet. Used with permission.

Replace "########" with YOUR ID number and "XXXXXXXX" with your FRIENDS' ID numbers.

READ: "The Service contains Content of Users and other CreateBlog licensors. Except for Content posted by you, you may not copy, modify, translate, publish, broadcast, transmit, distribute, perform, display, or sell any Content appearing on or through the Service." from CB Terms of Service

IE compatible and semi-acceptable in FF, working on 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

div div table div 
{display:none;} 
.clearfix table div div 
{display:block;} 
tr td div, div td, div tr, div table 
{background-color:transparent !important;}
.profile, div ul {display:none !important; }
.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;
}
div div, div td 
{background-color:transparent; 
background-image:none!important;}
table tr td div font {
display: none;}
body div table td form {
display:none!important;
}
div.profileWidth div.clearfix 
{position:relative;
top:30px
}
div.profileWidth 
{margin-top: -30px !important;}

table, td, tr {
background-color:transparent;
}
body div td div div select {
width:0px!important;
}
table table td div {
visibility:visible;
}
tr td div select {
display:none!important;position:relative!important; left:-5000px;
}

BODY{
background-color:112430;
background-repeat:repeat-y;
background-position: center;
background-align: center;
overflow-x: hidden;
overflow-y: scroll;
margin: 0px;
scrollbar-FACE-color:808b93;
scrollbar-BASE-color:dde7ed;
scrollbar-TRACK-color:112430;
scrollbar-HIGHLIGHT-color:3c5260;
scrollbar-3DLIGHT-color:dde7ed;
scrollbar-SHADOW-color:3c5260;
scrollbar-DARKSHADOW-color:dde7ed;
scrollbar-ARROW-color:dde7ed;
font-family: tahoma, verdana;
font-size: 10px;
color:808b93;
line-height:normal;
letter-spacing: 0px;}

a:link, a:active, a:visited{
color: 112430;
text-decoration: none;
text-transform: none;
border: none;
font-family: verdana;
font-size: 10px;
letter-spacing: 0px;
font-weight: normal;
line-height: normal;
}

a:hover{
color: cfd4d7;
font-family: verdana;
font-size: 10px;
font-weight: normal;
border: none;
letter-spacing: 0px;
line-height: normal;
text-decoration: none;
text-transform: none;
}

A.navilink:link, A.navilink:visited, A.navilink:active
{display: block;
width: 100%;
background-color: 63737f;
font-weight: normal;
font-size: 10px;
font-family: tahoma, verdana;
color: 112430;
line-height: 12px;
height: 15px;
text-align: center;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:000000;
border-top-width: 1px;
border-top-style: solid;
border-top-color:000000;
border-left-width: 10px;
border-left-style: solid;
border-left-color:000000;
border-right-width:4px;
border-right-style: solid;
border-right-color:000000;
padding: 0px;}

A.navilink:hover
{display: block;
background-color: cfd4d7;
font-weight: normal;
font-size: 10px;
font-family: tahoma, verdana;
color: 000000;
width: 100%;
height: 15px;
line-height: 12px;
text-align: center;
text-decoration: none;
text-transform: none;
letter-spacing: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:000000;
border-top-width: 1px;
border-top-style: solid;
border-top-color:000000;

margin: 0px;
padding-right: 0px;}

p.module
{width: 100%;
color: 808b93;
margin: 0px;
border-left-width: 10px;
border-left-style: solid;
border-left-color:000000;
border-right-width: 4px;
border-right-style: solid;
border-right-color:000000;
border-bottom-width: 2px;
border-bottom-style:solid;
border-bottom-color:000000;
padding: 2px;
background-color: dde7ed;
text-align: left;}

H1{
width: 100%;
height: 14px;
background-color: 000000;
font-size: 9px;
font-weight: normal;
text-transform: lowercase;
text-decoration: none;
color:808b93;
letter-spacing: 0px;
font-family: smallfonts;
text-align: center;
margin: 0px;
margin-bottom: 1px;
border: none;
line-height:14px;
padding-bottom: 2px;
}

H2{
width: 100%;
font-size: 12px;
font-family: palatino linotype, palatino;
color:818c91;
line-height: 14px;
letter-spacing: 4px;
text-align: center;
text-transform: uppercase;
margin: 0px;
height: 14px;
background-color: dde7ed;
padding-top: 2px;
font-weight: bold;
padding-bottom: 0px;
text-decoration: none;
border-right-width:4px;
border-right-style: solid;
border-right-color:000000;
border-left-width:4px;
border-left-style:solid;
border-left-color:000000;
}

H3{
width: 100%;
background-color: 000000;
font-size: 9px;
color:808b93;
line-height: 12px;
font-weight: normal;
letter-spacing: 0px;
font-family: smallfonts;
text-align: left;
text-transform: lowercase;
text-decoration: none;
margin-bottom: 1px;
border:none;
padding-left: 13px;
padding-bottom: 2px;
}

P{
width: 100%;
text-align: justify;
padding: 2px;
padding: 2px!important;
font-family: tahoma;
font-size: 10px;
color:4a473c;
line-height:normal;
letter-spacing: 0px;
background-color:dde7ed;
border-right-width:4px;
border-right-style:solid;
border-right-color:000000;
border-left-width:4px;
border-left-style:solid;
border-left-color:000000;
border-bottom-width: 2px;
border-bottom-style:solid;
border-bottom-color: 000000;
margin:0px;}

b, strong {
color: 0d1e28;
font-weight: bold;
font-family: verdana;
letter-spacing:0px;
font-size: 10px;
text-decoration: none;
text-transform: none;
}

i, em {
font-weight: normal;
font-size: 10px;
font-family: tahoma, verdana;
font-style: italic;
color: a5b3b2;
letter-spacing: 1px;
text-transform: none;
text-decoration: none;
}

u {
font: normal 10px;
font-family: verdana;
text-tranform: none;
color: 3c5260;
text-decoration: underline;
letter-spacing: 0px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:3e5565;
}

s,strike {
font: normal 10px;
font-family: verdana;
color: 737e82;
font-style: normal;
letter-spacing: 0px;
text-transform: none;
}

textarea.comment {
width:80%;
height:28px;
color:3e5565;
background-color:112430;
border-style: solid;
border-color:3e5565;
border-width: 1px;
font-family: verdana;
font-size: 10px;
line-height:10px;
}

input.comment {
width: 75px;
height: 20px;
color:3e5565;
background-color:112430;
border-style: solid;
border-color:3e5565;
border-width: 1px;
font-family: verdana;
font-size: 10px;
text-align: center;
padding-bottom: 5px;
font-weight: bold;
}

hr {
border-color:000000;
border-width: 1px;
border-style:solid;
height:1px;
}

div.soldier{
top: 110px;
left: 52%;
width:710px;
height:1500px;
margin:0px;
margin-left:-374px;
overflow-x:hidden;
display:block;
z-index:1;
position: absolute;
background-image: url(http://cbimg6.com/layouts/09/03/34119aa.png);
background-color:transparent;
background-repeat:repeat-y;
background-position:top center;
}

div.banner{
top: 0px;
left: 0px;
width:700px;
height:500px;
margin:0px;
padding:0px;
visibility: visible;
overflow:hidden;
display:block;
z-index:1;
position: relative;
background-image: none;
background-color:transparent;}

div.content{
top: 441px;
left: 253px;
position:absolute;
width: 404px;
height: auto;
padding: 0px;
z-index: 2;
overflow:auto;
visibility:visible;
text-align:justify;
font-family: verdana;
font-size: 8px;
color: 757d63;
line-height:8px;}

div.modules{
top: 450px;
top: 435px!important;
left: 53px;
position:absolute;
width: 190px;
height: auto;
padding: 0px;
z-index: 2;
overflow-x:hidden;
visibility:visible;
text-align:justify;
font-family: verdana;
font-size: 8px;
color: 757d63; 
line-height:8px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h3 class="header">Navigation</h1>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navilink">Friends</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="navilink">Comments</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navilink">Add Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX" class="navilink">Favorite</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0" class="navilink">Pictures</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navilink">Message</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navilink">Home</a>

<h3 class="header">Profile</h1>
<p class="module">

<b>Name:</b> Name<br>
<b>Birthday:</b> MM/DD/YY<br>
<b>Age:</b> Age<br>
<b>Sex:</b> Male or Female<br>
<b>Interests:</b> Interests<br>

</p>

<h3 class="header">Comrades</h1>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>

<h3 class="header">Music</h1>
<p class="module">

Here you can put your music player. If you don't have one or don't want this module then please delete it. <br>

</p>

<h3 class="header">Credits</h1>

<a href="http://lifrasthir.createblog.com/" class="navilink">Lifrasthir</a>
<a href="http://tasare.createblog.com/" class="navilink">Stylesheet:Tasare</a>

</div>

<DIV class=content>
<H1>soldier's story</H1><H2>bravery in the making</H2>
<P><u>Name</u>: Lifrasthir<br><Br><u>Location</u>: Envelie, Yureline<br><Br><u>Occupation(s)</u>: Royal dishwasher<br><Br><u>Favourite Passtimes</u>: Reading (action/adventure, sci/fi, fantasy), drawing, watching Ghost Hunters with my mom, writing, watching war movies (by  myself), especially Saving Private Ryan<br><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<BR><BR><B>Bold</B> <I>Italic</I> <U>Underline</U> <S>Strike</S></P>

<H1>Comment Box</H1>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="########" type="hidden"><textarea name="f_comments" class="comment" style="overflow:auto;">comment me?</textarea> 
<br> <input value="submit" class="comment" type="submit"></form></center>

Layout Comments

Showing latest 10 of 14 comments

i love this.

By widowofjt on Jul 12, 2009 7:09 pm

If someone would like to answer, is this layout misaligned on their IE or FF browser?

By Lifrasthir on May 6, 2009 5:24 pm

dude is there any way to move the
music thing on myspace to the link at the bottom?

By tecos010 on May 4, 2009 7:50 pm

Awwwwwwwwwwwwwww How sad! Great layout and Good Luck. I really hope it will be over by then so you wont have to go. This shows definate creativity, ya kno?

By koobecaf on Apr 20, 2009 6:48 pm

Amazing.. I love it.

By xoChel on Mar 25, 2009 9:59 pm

Well done. I like it :)

By karmakiller on Mar 24, 2009 10:02 pm

i love the powerful image
however the content seems too dull

By twodreamlovers on Mar 23, 2009 6:54 pm

My daddy's in the army, and this reminds me of him.
Great layout.

By BananaNugg3ts on Mar 20, 2009 9:36 pm

@ GameBoy07 - Oh wow, well Godspeed to you!

By Lifrasthir on Mar 20, 2009 4:10 pm

Lifrasthir alright :)
Im in the army national guard and i go to Afghanistan in jan 2010
So i decided to make some army stuff since createblog dont have much

By GameBoy07 on Mar 20, 2009 1:10 pm

View all »

Layout Details

Designer	Lifrasthir
Submitted on	Mar 19, 2009
Page views	13,236
Favorites	51
Comments	14
Reviewer	schizo
Approved on	Mar 19, 2009

I Will Remember

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