Gossip Girl: Scans

Designer's Comments

Look carefully for specific instructions

This is a layouts for Myspace based one the hit TV Show Gossip Girl-
It took me about a half of a day to work on the top and get it the way i like it--
But i am Pretty Satisfied with it...
i also like to make my DIVs able to only be in the About Me Section; so it is more convienent and less confusing...
There are also XXXXXX's where your Friend ID should be.

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

</map>
</div>
<style type="text/css">

<center><STYLE type=text/css>p, div, table, tr, td, font { font: normal 6pt Arial Century

Gothic!important; } textarea, input, select { font: normal 6pt Arial Unicode MS; text-transform:

lowercase; letter-spacing: 1px; background-color: ffffff; color: 000000; border: 1px solid black;

line-height: 90%; } p, font, div { font: normal 6pt tahoma; line-height: 90%; text-transform: lowercase;

</STYLE>

}

.content {
font:9px arial;
color: ffffff;
line-height: 1.5;
background-color:transparent;
padding:5px;
text-align: left;
width:338px; 
height:551px;
overflow: auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 608px;
margin-top: 758px;
scrollbar-arrow-color:a31716; 
scrollbar-track-color:ffffff; 
scrollbar-shadow-color:ffffff; 
scrollbar-face-color:a31716; 
scrollbar-highlight-color:ffffff; 
scrollbar-darkshadow-color:ffffff; 
scrollbar-3dlight-color:ffffff;
}

.content2 {
font:10px arial;
color: FFFFFF;
line-height: 3px;
background-color:transparent;
padding:0px;
text-align:left;
width:243px; 
height:430px;
overflow:auto;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 363px;
margin-top: 865px;
scrollbar-arrow-color:a31716; 
scrollbar-track-color:ffffff; 
scrollbar-shadow-color:ffffff; 
scrollbar-face-color:a31716; 
scrollbar-highlight-color:ffffff; 
scrollbar-darkshadow-color:ffffff; 
scrollbar-3dlight-color:ffffff;
}

h1 {margin: 0px; color:fb7193 ; text-align:right;
border-bottom:1px dotted; border-bottom-color: ffffff;font-family:arial;font-size: 14px;
font-weight: bold;letter-spacing: 1px; text-transform: lowercase;
line-height: 10pt;margin:0px;padding:1px;background-color:000000;
background-repeat:no-repeat; background-position:center right; background-attachment:scroll;}

h2 {margin: 0px; color: ffff00;text-align:center;
border-bottom:1px solid;border-bottom-color: ffffff;font-family:arial;font-size: 9px;
font-weight: normal;letter-spacing: 0px; text-transform: uppercase;
line-height:8pt;margin:0px;padding:1px;background-color:000000;
background-repeat:no-repeat; background-position:center right; background-attachment:scroll;}

b {
   color:a31716;
   font-family:century gothic;
   font-size:7pt;
   background-color:;
   font-weight:bold;
letter-spacing:0px;
   }
 
   i {
   color:ffff00;
  font-family:century gothic;
   font-size:7pt;
   font-weight:normal;
   }
 
   U { color:fb7193;
   font-weight:bold;letter-spacing:0px;
   border-bottom:1px dashed;
   background-color:;
 border-color:;
   font-family:century gothic;font-size:7pt;}

.nav2 {color:000000 !important;display:block;text-align:center;
font-size:6pt!important; letter-spacing: 0px;font-weight: bold;font-family:century gothic!important;background-color:a31716;
text-transform:uppercase;text-decoration:none!important;border:0px solid; border-bottom-color:000000;border-bottom:1px solid;
margin:0px;padding-left:2px;line-height:0px;}

.nav2:hover {color:000000 !important;display:block;text-align:center;
font-size:6pt!important; letter-spacing: 0px;font-weight: bold;font-family:century gothic!important; background-color:ffffff;
text-transform:lowercase;text-decoration:none!important; border-bottom:000000;border-bottom:1px solid;margin:0px;padding-left:2px;line-height:12px;}

a:link, a:active, a:visited {
font:bold 10px arial;
color:ffff00;
text-decoration:none;
text-transform:lowercase;
}
a:hover {
font:bold 10px arial;
text-transform:lowercase;
text-decoration:none;
color: 9d1308;
}

blockquote {
color: FFFFFF;
background: 000000;
font:verdana;
font-size: 10px;
padding: 6px;
}

blockquote b, blockquote strong {
color: 9d1308;
}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table.footer {display: none;}

div table a.navbar img {display:none;}
div table {visibility:visible;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

body table td div form {display:none !important;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style></style></span>

<div class="content">
<h1>Header 1</h1>
<h2>Header 2</h2>
<b>Bold</b>
<u>Underline</u>
<i>Italic</i>
Regular Text
</div>

<div class="content2">
<h1>Navigate</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav2">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav2">Add</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=75ebe361-f25d-446b-aeaf-707be4381040" class="nav2">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav2">Block</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav2">Comment</a>
<a href="htthttp://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTI1MTk5OTg2OQ==" class="nav2">Credit</a>
</div>

</style></span>

Layout Comments

Showing latest 10 of 13 comments

i cant find any x's to put the id number

By ashleymfine on Dec 27, 2008 7:51 pm

Absolutely Awesome love the showwww....

By widowofjt on Jul 8, 2008 4:00 pm

stupid question but where would your text go cuz when i try it it doesnt show up at all and i really wanted this for myspace.
you did an amazing job on it

By blondebombshell144 on Jun 21, 2008 1:01 pm