Techno Twirl v2.0

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Alignment: left
Background color: #DF8242
don't forget to change USERNAME to your xanga username

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

Help

<table border="0" width=100%>
<tr>
<td colspan=2>
<p class=nav><b>.the layout.</b></p>
<tr>
<td colspan=2>
<b>name:</b> techno twirl 2.0<br>
<b>featuring:</b> an orange abstract twirl-looking thing<br>
<b>made with:</b> photoshop 7.0, notepad<br>
<b>fonts used:</b> redensek, BN 3rd place<br>
<b>colors:</b> orange, black, peach, burnt orange, white<br>
<b>time spent:</b> 1hour total - coding and graphics<br>
<b>released:</b> october 17, 2004<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>CUSTOM</b></p>
<tr>
<td colspan=2>
INFO HERE
<p>
<tr>
<td colspan=2>
<p class=nav><b>CUSTOM</b></p>
<tr>
<td colspan=2>
INFO HERE<tr>
</td>
</tr>
</table>
</div>

<div style="position:absolute; margin-left:200px; margin-top: -385px; border:none;

width: 310px; height: 413px;background: transparent;overflow: auto">

filter:chroma(color=#00FF00); /* here you are defining which color you want to be

transparent in your

scrollbars */

scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #00FF00; /* transparent */
}
</style>
<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: #DF8242;
}

//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:#FFFFFF;
letter-spacing:1px;
background-color: transparent;
text-align: center;
border-bottom: none;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FFFFFF;
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:#FFFFFF; 
font:12px arial;
line-height:13px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#E68C4E;
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:234px;
background-color: transparent;
}

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

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: #FFFFFF;
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: 310px;
}
</div>
</style>
</style> 
<script language="JavaScript">
document.title = "techno twirl 2.0"</script></STYLE>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	allthatglitterss
Submitted on	Apr 22, 2005
Page views	7,048
Favorites	10
Comments	0

Techno Twirl v2.0

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates