Roxy Simply Summer

Designer's Comments

Look carefully for specific instructions

Hey everyone! There's more detailed instructions on setting this up if you need extra help IN THE CODE. :] So look for it if you want to use this. But here's an overview..

-Note that NOTHING needs to be changed in the "About Me" section. Everything that is supposed to be changed is in the "Who I'd Like to Meet" section!!!-

1] Replace -ALL- XXXXXX's with your own FriendID. To find all of them in the code, push ctrl+f and type in XXXXXX.
[2] Make your own friend pictures, upload them to a photo hosting site, and replace them with the images I already put on there. Make sure to redirect them to your friend's Myspace address!!
[3] Add your own 'YourPic2' to the layout to customize your photo.
[4] You're done! Enjoy! Do not remove credit. Thanks!

thnx.

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

body { 
  background-color:ffffff;
  background-image: url(none);
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
  scrollbar-arrow-color: 7abcc8;
  scrollbar-track-color: a1d0ff;
  scrollbar-face-color: 52a8ff;
  scrollbar-highlight-color: 52a8ff;
  scrollbar-3dlight-color: 007fff;
  scrollbar-darkshadow-color: 007fff;
  scrollbar-shadow-color: 52a8ff;

}

{text}
table, tr, td, li, p, div {  color:3a3a3a; font-family:Arial; font-size:11px;  font-weight: bold;   }

a:active, a:visited, a:link{  color:fe6c00; font-family:Arial; font-size:11px; text-transform: uppercase;  }

a:hover {  color:fe6c00; font-size:10px;  font-weight:bold;  }

a.mainlinkstext:link, a.mainlinkstext:visited, a.mainlinkstext:active { color:fe6c00; font-family:Candara; font-size:16px; text-

transform: uppercase; text-decoration: none;  } 
a.mainlinkstext:hover {  color:fe6c00; font-size:16px;  text-decoration: underline; }

b {color:11b6d4; font-family:Candara; font-weight:bold; font-size:12px;}

i {color: 509eac; font-family: Candara; font-weight: italic;}

u{font-family:Arial;font-size:9px;color:3C3C3C;
font-weight:bold;
letter-spacing:0px;
text-transform:uppercase;
letter-spacing:0px;}
 
{divs}

.bg1
{background-color: transparent;
background-image: url(http://cbimg6.com/layouts/09/06/34848aa.png);
background-attachment: scroll;
background-position:top left; 
background-repeat:no-repeat;
position:absolute;
top:163px;
left:100px;
scroll:hidden;
display:block;
width:1024px;
height:768px;
z-index:1;}

.needthis
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:864px;
left:870px;
display:block;
padding:0px;
width:179px;
height:15px;
z-index:2;
overflow:hidden;
text-align:justify;}

.maincontent
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:545px;
left:575px;
display:block;
padding:0px;
width:498px;
height:274px;
z-index:3;
overflow:auto;
text-align:justify;}

.yourpic
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:456px;
left:286px;
display:block;
padding:0px;
width:200px;
height:140px;
z-index:4;
overflow:hidden;
text-align:justify;}

.mainlinks
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:585px;
left:280px;
display:block;
padding:5px;
margin-bottom: 0px;
width:250px;
height:85px;
z-index:4;
overflow:hidden;
text-align:justify;}

.likesdislikes
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:708px;
left:270px;
display:block;
padding:3px;
width:213px;
height:75px;
z-index:4;
overflow:auto;
text-align:justify;}

.friendspics
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:820px;
left:269px;
display:block;
padding:1px;
width:210px;
height:110px;
z-index:4;
overflow:auto;
text-align:justify;}

.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments,

.userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 {

display:none; }

body table {margin-top803d00:-5000px;}
body td table, body div table {margin-top: 0;}
body div div table td {background-color:8a5450;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<p>[Name:] This is a link! --> <a href="http://www.myspace.com/ec_lectic" target="_blank">ecLectic Layouts</a> ( Add me!! :] )
<br>[Location:] Michigan
<br>[Age:] 20
<p><br><i>This is italic text!</i> <b>This is bold text!</b> <u>This is underlined text!</u> Read below if you need help setting up a

div layout.

<p>DIRECTIONS:Type your about me section here, or your Who I'd Like To Meet, and any other interesting tidbits about you. You

can get creative and put images and whatever else you'd like on here, too! Videos, links, images, whatever you want.</i>

<p><i>To edit your picture, look for the div in the code that you paste in your Who I'd Like To Meet section that is labeled

"yourpic2". The image address there ( http://cbimg6.com/layouts/09/06/34848ac.png ) needs to

be changed with the address of YOUR PICTURE.</i>

<p><b>The same goes with your friend's pictures. Look for the div in the code that you paste in your Who I'd Like To Meet

section that is labeled "friendspic2". Make your own friend pictures (the dimensions I used are 45 x 101), or make them into links,

whichever you want. Edit the addresses/URLs so they point to your friends MYSPACE ADDRESS.</b>

<p><u>Please make sure you keep the "layout made by" image on there, so people know where the layout came from. </u>

<p>Other than that.. Have fun! <b>Please make sure you have knowlegde of HTML and CSS before using this layout!!! I will not

set the layout up for you!</b> If you have any other questions, you can email me: eclecticlayouts@hotmail.com. Thanks for using!
<br><br>

</div> 
</div>

<div class="needthis">
<a href="http://www.myspace.com/ec_lectic"><img

src="http://cbimg6.com/layouts/09/06/34848ab.png" border="0"></a>
</div>

</div>

<a class="mainlinkstext" href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=XXXXXXXX">view me</a><br>
<a class="mainlinkstext" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ErrorInfo&friendID=XXXXXX">read

me</a><br>
<a class="mainlinkstext" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelID=XXXXXX">watch

me</a><br>
<a class="mainlinkstext" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block

me</a><br>

</td>
<td></td><td></td><td></td><td></td><td></td><td></td>
<td>

<a class="mainlinkstext" href="http://comment.myspace.com/index.cfm?

fuseaction=user.viewprofile_commentForm&friendID=XXXXXXXX">write me</a><br>
 <a class="mainlinkstext" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">msg

me</a><br>
 <a class="mainlinkstext" href="http://friends.myspace.com/index.cfm?

fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add me</a><br>
 <a class="mainlinkstext" href="http://www.myspace.com">leave me</a>

</td>
</table>
</div>

<div class="likesdislikes">
<font size="1px">
Write things you like and dislike here! For example..<br>
<br><u>Likes:</u> Snowboarding, Hanging With Friends, The Color Orange, Reading, Rollerblading..<br>
<br><u>DisLikes:</u> There's not too much I don't like.. But write what you don't!! :D

</font>
</div>

<div class="friendspics">
<a href="YOURFRIENDSURLHERE"><img src="http://cbimg6.com/layouts/09/06/34848ad.png"

border="0"></a>
<a href="YOURFRIENDSURLHERE"><img src="http://cbimg6.com/layouts/09/06/34848ad.png"

border="0"></a>
<br>

</div>

Layout Comments

Showing latest 5 of 5 comments

I honestly wasn't sure of this when I saw the preview, but I actually love it. The colours are really nice, and I love the blue, orange and brown combo, looks really clean and summery(:
x

By aliiicimo on Jun 15, 2009 11:24 am