picture perfect :: keira knightley

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

<table border="0" width=100%>
<tr>
<td colspan=2>
<p class=nav><b>the layout</b></p>
<tr>
<td colspan=2>
<b>name:</b> picture perfect<br>
<b>featuring:</b> keira knightley<br>
<b>made with:</b> photoshop cs, notepad<br>
<b>colors:</b> white, blue, light blue<br>
<b>fonts used:</b> lipstick traces, arriere garde, carpenter icg, century gothic<br>
<b>time spent:</b> 1 hour<br>
<b>released:</b> february 6, 2005<br>
<b>creator:</b> <a href = "http://www.xanga.com/allthatglitterss">allthatglitterss</a>
<p>
<tr>
<td colspan=2>
<p class="nav"><b>navigation</b></p>
<tr>
<td>
<A href="http://www.xanga.com/signin.asp">hello</A><br />
<A href="http://www.xanga.com/USERNAME">mine</A><br />
<A 
href="http://www.xanga.com/profile.asp?user=USERNAME">profile</A><br />
<A 
href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add

me</A><br />
<A 
href="http://www.xanga.com/guestbook.asp?

user=USERNAME">guestbook</A><br><A

href="http://www.xanga.com/private/home.aspx">yours</A><br />
<a href="http://www.xanga.com/CLAF/default.asp">edit</A><br />
<A href="http://www.xanga.com/private/subscriptions.aspx">friends</A><br />
<A href="http://www.xanga.com/logout.asp">goodbye</A>
<p>
<tr>
<td colspan=2>
<p class=nav><b>TITLE</b></p>
<tr>
<td colspan=2>
INFO
<p>
<tr>
<td colspan=2>
<p class=nav><b>TITLE</b></p>
<tr>
<td colspan=2>
INFO<tr>
</td>
</tr>
</table>
</div>

<div style="position:absolute; margin-left:0px; margin-top: -450px; width: 434px; height: 100%px;background: transparent;overflow: none">
<style type='text/css'>.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, 
table.left, 
td.mainleft, 
table.left TH, table.left 
TD, table.navigation, hr, table.footer, table.search, #SearchBar1_pnlYouAreHere 
{display: none;} 
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: auto !important;}

body {
background-color: #DAEBFF;
scrollbar-arrow-color: #90AACD;
scrollbar-track-color: #DAEBFF;
scrollbar-shadow-color: #DAEBFF;
scrollbar-face-color: #DAEBFF;
scrollbar-highlight-color: #DAEBFF;
scrollbar-darkshadow-color: #90AACD;
scrollbar-3dlight-color: #90AACD; 
cursor: crosshair;
}

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: 12px arial;
line-height:12px;
color: #FFFFFF;
letter-spacing:0px;
text-align:justify;
border: none;
background-color: transparent;
filter: alpha(opacity=100)
}

div.blogheader, .caption {
/* edits the dates */
font-family: Arial;
text-transform: none;
font-size:12px;
line-height:10px;
font-weight:bold;
color:#DAEBFF;
letter-spacing:1px;
background-color: transparent;
text-align: left;
border-bottom: none;
}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
  font-weight: bold;
  color: #DAEBFF;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#DAEBFF;
font:12px arial;
line-height:13px;
text-decoration: none;
}

//blogring.document.write
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:#DAEBFF; 
font:12px arial;
line-height:13px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#FFFFFF;
font:12px arial;
line-height:13px;
text-decoration: none;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: none;
font:12px arial;
background-color: transparent;
letter-spacing:0px;
}

table.left { 
/* this edits the menu module */
border: none;
width:207px;
background-color: transparent;
}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color: transparent;
filter: alpha(opacity=100)
width:434px;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url('');
background-color: transparent;
font: bold 12px arial;
text-transform: none;
color: #DAEBFF;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url('');
background-color: transparent;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent; 
border: none;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 434px;
}
</div>
</style>
</style> 
<script language="JavaScript">
document.title = "picture perfect // keira knightley"</script></STYLE>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 1 of 1 comments

i love the layout..except the alignment is messed up..

By aicilah999 on Mar 21, 2006 7:31 pm

Layout Details

Designer	allthatglitterss
Submitted on	Apr 28, 2005
Page views	4,470
Favorites	6
Comments	1

picture perfect :: keira knightley

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates