| Wow it's been 4ever since ive updated this thing..i almost forgot i had it.
anyways..more layouts.
Heres my most recent one.(www.xanga.com/hollisterhunni29)
its a paris hilton one i made
PARIS HILTON PINK
<img src=" http://groups.msn.com/_Secure/0WgAaA4Ic8yg4yO2nCOkrJtn9pGC!SDdueF3bG!1LA8rGuBg4bzrDm31OLYHAW0LPVpEznxbWP3RcPNwhaHMV*8v6Dstze76Jceba0j9Bh1efE1AlCzUhXFcCGCM2unXH3sBG!TWcRY4/Paris%20Hilton%20Layout.bmp?dc=4675503536114745289">
<style type="text/css">
/* <span class='searchlite'>Paris </span> Stylesheet */
/* by Deanna (xanga.com/x3_my_layouts_x3) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
background-color: #FFCCFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FF99FF;
scrollbar-face-color: #FFCCFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-3dlight-color: #FFFFCC;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 12px arial;
line-height:18px;
color:#FFCCFF;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:century gothic;
text-transform:lowercase;
font-size:22px;
line-height:30px;
font-weight:bold;
height: 1px;
color: #FF99FF;
letter-spacing:1px;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FFCCFF;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#FF99FF;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#000000;
cursor: ne-resize;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #FFCCFF;
font:normal 12px arial;
background-color: #FFFFFF;
letter-spacing:0px;
color: #FFCCFF;
}
table.left {
/* this edits the menu module */
border: 1px solid #000000;
width:160px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #FFCCFF;
background-color: #FFFFFF;
width:400px;
font:normal 12px arial;
line-height:18px;
color: #FFFF00;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
background-color: #FFFFFF;
font: bold 12px arial;
text-transform: lowercase;
color: #FF99FF;
border: #000000;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: none;
background-color: #FFFFFF;
border: #000000;
font:normal 12px arial;
line-height:18px;
color: #FFCCFF;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #FFFFFF;
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #000000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #000000;
}
</style>
<BODY style="border-bottom: #FFCCFF
26t solid; border-top: #FFCCFF
26t solid; border-left: #FFFFFF
26t solid; border-right: #FFFFFF
26t solid"></TBODY>
<!-- Blink Boxes : Provided by Blogring.net -->
<script language=JavaScript>
<!--
//blink boxes - xanga.com/add_ons
//by sean f http://www.xanga.com/seanmeister
//fixed to work with new security measures by
//hotaru_01 http://www.xanga.com/hotaru_01
// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("#FF99FF","#FFCCFF",”FFFFFF”);
// the border color
var blinkBorderColor = "#000000"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 2;
// the # of columns
var blinkCols = 40;
// the width of the entire box, in pixels or %
var blinkWidth = 625;
// the height of each row, in pixels
var blinkRowHeight = 10;
// speed of blinking, in milliseconds
var blinkRate = 8;
// do not edit below this line
st=setTimeout;
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st('blinkIt()', blinkRate);
}
blinkIt();
//-->
</SCRIPT>
<!-- End Script by Blogring.net -->
INCUBUS
<!-- begin code provided by itsallrequests -->
<!-- begin code provided by itsallrequests -->
<style type="text/css">
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width:608;
}
table.blogbody, div.blogheader, .caption{
/* edit width of blog */
width:421;
}
table.left{
/* edit width of left modules */
width:168;
}
td.maincenter {
text-align:center;
}
body {
/* edits body background and scrollbars */
background:#ffffff (http://skins.xangans.com/101_150/skin112_bg.jpg) fixed;
scrollbar-Arrow-Color: #000000;
scrollbar-Track-Color: #ffffff;
scrollbar-Shadow-Color: #000000;
scrollbar-Face-Color: #ffffff;
scrollbar-Highlight-Color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dLight-Color: #ffffff;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext {
/* edits main text */
font: 10px arial;
color: #000000;
text-align:left;
}
a:link, a:active, a:visited, a:hover{
/* edit the links outside modules and blog */
color:#cc3333;
text-decoration:none;
}
.left a:link, .blogbody a:link, .left a:visited, .blogbody a:visited, {
/* edit the links within left modules and blog */
color: #cc3333;
text-decoration: none;
font: arial;
}
.left a:hover, .blogbody a:hover{
/* edit link hover */
color:#000000
}
input, select, textarea, .textfield, .button{
/* this edits buttons, drop down menus etc. */
border: 1px solid #000000;
font:normal 9px arial #C2C1C1;
background-color: #2E2A29;
letter-spacing:0px;
color:#C2C1C1;
}
div.blogheader, .caption {
/* edit the blog dates */
font-family:arial;
text-transform:uppercase;
font-size: 16px;
color:#ffffff;
background-color: cc3333;
text-align: right;
font-weight: bold;
border:66ffff;
border-bottom:1px;
padding:4px;
}
table.blogbody {
/* edits your blog or entry space */
border: 0px;
text-align:left;
background-color:#ffffff;
border:1px solid black;
}
table.left {
/* this edits the left module */
background-color: #ffffff;
border:1px solid black;
padding:0px;
}
table.left th {
/* this edits your left module titles */
background-color: #cc3333;
width:160;
font: 16px arial;
text-transform: uppercase;
color: #ffffff;
border: cccccc;
text-align: right;
font-weight:bold;
border-bottom:1px solid #000000;
}
table.left TD {
/* this edits the body part of of your left modules */
background-color: transparent;
color: #000000;
border: 0px;
width:160;
text-align:left;
}
.blogbody td{
/* edits spacing of blogbody */
width: 0px;
padding-left:0px;
}
hr {
/* edits horizontal rule */
color: #66ffff;
}
</style>
<img src="http://www.geocities.com/abandonedsoul33/inc2.JPG" width="600" height="400" border=0 alt="Incubus" usemap="#nfspeed_Map">
<map name="nfspeed_Map" id="nfspeed_Map">
<area shape="rect" coords="1,312,31,322" href="http://xanga.com" alt="Xanga">
<area shape="rect" coords="33,312,74,322" href="http://xanga.com/XANGANAMEHERE" alt="Refresh Page">
<area shape="rect" coords="77,312,115,322" href="http://xanga.com/private/home.aspx" alt="Private">
<area shape="rect" coords="118,312,162,322" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=XANGANAMEHERE" alt="Suscribe">
<area shape="rect" coords="166,312,189,322" href="http://www.xanga.com/CLAF/default.asp" alt="Look and Feel">
<area shape="rect" coords="193,313,230,322" href="http://www.xanga.com/profile.aspx?user=XANGANAMEHERE" alt="Read My Profile">
<area shape="rect" coords="238,312,282,322" href="http://www.xanga.com/guestbook.aspx?user=XANGANAMEHERE" alt="Sign/View My Guestbook">
<area shape="rect" coords="287,312,322,322" href="http://www.xanga.com/signin.aspx" alt="Sign In">
<area shape="rect" coords="327,313,361,322" href="http://www.xanga.com/logout.aspx" alt="Log Out">
</map>
<table cellpadding="0" cellspacing="0" border="0" align="center" style="padding-top:8px;">
<tr><td>
<!-- end code provided by itsallrequests -->
<!-- end code provided by itsallrequests -->
BEACH LAYOUT
<!-- begin code provided by createblog.com -->
<style type="text/css">
/* http://createblog.com */
body {
background-color: sky blue;
scrollbar-arrow-color: sky blue;
scrollbar-track-color: white;
scrollbar-shadow-color: blue;
scrollbar-face-color: blue jean;
scrollbar-highlight-color: #FFCDD2;
scrollbar-darkshadow-color: #FFCDD2;
scrollbar-3dlight-color: #FFCDD2;
}
/* edits the date */
div.blogheader, .caption {
background-image: url(http://www.exzooberance.com/virtual%20zoo/they%20swim/dolphin/Spinner%20Dolphin%20314013.jpg);
background-repeat;
background-position:left align;
font-family: tahoma;
text-transform:none;
font-size:25px;
line-height:25px;
font-weight:bold;
color:white;
letter-spacing:2px;
background-color:#ffffff;
text-align:center;
border:7px solid black;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: sky blue;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid black;
font:normal 12px tahoma;
background-color: sky blue;
font-color: sky blue;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://www.exzooberance.com/virtual%20zoo/they%20swim/dolphin/Spinner%20Dolphin%20314013.jpg);
background-color:none;
color: white;
font: bold 10pt tahoma;
text-transform: none;
text-align:center;
border: black 7px solid;
;}
table.left {
/* this edits the menu module */
width:180px;
color:blue jean;
background-color:sky blue;
BORDER: black 7px solid;
}
font,td,p,xmp{color:blue jean;
font-face: tahoma;
font-weight:normal;
font-size:9pt;
line-height:10pt;
text-align:justify;}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;
}
table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: tahoma;
BORDER: black 7px solid;
width:400px;}
a:link{line-height: 9pt; font-family: tahoma ;font-weight:normal; color:sky blue; text-transform:none;font-size:9pt; cursor:crosshair;}
a:active{font-family: tahoma; color:#BD6A72; text-transform:none;font-size:9pt; cursor:crosshair;}
a:visited{font-family: trebuchet ms; color:#BD6A72; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: crosshair;}
A:hover {font-family:tahoma;color:#ffffff;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt}</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
body {
background-color: #ffffff;
background-image: url("http://www.windycityart.com/californiawallpaper/ocean%20wallpaper.jpg");
background-attachment: fixed;
background-repeat: repeat;
background-position: center center;
}
</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
table.blogbody {
/* this edits the other the place where the blog is */
background-color:white;
family-font: tahoma;
BORDER: black 7px solid;
width:600px;}
</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<script>
<!-- begin code provided by createblog.com -->
<!--
//blink boxes - xanga.com/add_ons
//by sean f http://www.xanga.com/seanmeister
//fixed to work with new security measures by
//hotaru_01 http://www.xanga.com/hotaru_01
// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("blue","yellow","white");
// the border color
var blinkBorderColor = "black"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 100;
// the width of the entire box, in pixels or %
var blinkWidth = 750;
// the height of each row, in pixels
var blinkRowHeight = 10;
// speed of blinking, in milliseconds
var blinkRate = 8;
// do not edit below this line
st=setTimeout;
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st('blinkIt()', blinkRate);
}
blinkIt();
//-->
<!-- end code provided by createblog.com -->
</script>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type=text/css><!-- body{border-right:#6699FF
50px solid;border-left: #6699FF
50px solid;border-top:white 50px solid;border-bottom:white 50px solid} //--></style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->
RAINBOW LAYOUT
<IMG SRC="http://members.migente.com/Sec-C_Mami96/Welcome2.gif">
<style type="text/css">
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
background-color: white;
background-image: url();
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
scrollbar-arrow-color: red;
scrollbar-track-color: white;
scrollbar-shadow-color: red;
scrollbar-face-color: white;
scrollbar-highlight-color: orange;
scrollbar-darkshadow-color:#ffffff;
scrollbar-3dlight-color: #ffffff;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 12px tahoma;
line-height:18px;
color:orchid;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:tahoma;
text-transform:lowercase;
font-size:18px;
line-height:30px;
font-weight:bold;
filter: alpha (opacity=100, finishopacity=0, style=2);
height: 1px;
background-color: pink;
color:red;
letter-spacing:1px;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#6699FF;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:orchid;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#99CC33;
cursor: resize;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 2px solid orange;
font:normal 12px tahoma;
background-color: white;
letter-spacing:0px;
color: #99CC33;
}
table.left {
/* this edits the menu module */
border: 4px solid orange;
width:160px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 4px solid orange;
background-color: white;
width:400px;
font:normal 12px tahoma;
line-height:18px;
color: red;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: none;
background-color:yellow;
font: bold 12px tahoma;
text-transform: lowercase;
color: #6699FF;
border: orange;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: none;
background-color: white;
border: orange;
font:normal 12px arial;
line-height:18px;
color: red;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: yellow
border: 2px solid orange;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid orange;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 750px;
}
hr {
/* horizontal divider */
border: 1px solid #99CC33;
}
</style>
<BODY style="border-bottom: #6666FF
60t solid; border-top: red
60t solid; border-left: orange
60t solid; border-right: #99CC33
60t solid"></TBODY>
<!-- Blink Boxes : Provided by Blogring.net -->
<script language=JavaScript>
<!--
//blink boxes - xanga.com/add_ons
//by sean f http://www.xanga.com/seanmeister
//fixed to work with new security measures by
//hotaru_01 http://www.xanga.com/hotaru_01
// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("red","yellow", "orange","99CC33");
// the border color
var blinkBorderColor = "white"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 40;
// the width of the entire box, in pixels or %
var blinkWidth = 625;
// the height of each row, in pixels
var blinkRowHeight = 10;
// speed of blinking, in milliseconds
var blinkRate = 8;
// do not edit below this line
st=setTimeout;
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st('blinkIt()', blinkRate);
}
blinkIt();
//-->
</SCRIPT>
<!-- End Script by Blogring.net -->
PINK N BLUE
<center><style type="text/css">
/* pink n blueStylesheet */
/* by cat (xanga.com/hcobunny29) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
background-color: #FFFFFF;
scrollbar-arrow-color: #B0E2FF;
scrollbar-track-color: #B0E2FF;
scrollbar-shadow-color: #B0E2FF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #B0E2FF;
scrollbar-darkshadow-color: #C71585;
scrollbar-3dlight-color: #C71585;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color: #ff99cc;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
background-image: url();
background-repeat: no-repeat;
background-position: top left;
font: bold 11px 'century gothic', arial;
font-variant: small-caps;
font-weight: bold;
color: black;
background-color: #FFFFFF;
text-align: center;
border-bottom: 1px solid #EAADEA;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#EAADEA;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#EE6AA7;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:BABYBLUE;
cursor: ne-resize;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #B0E2FF;
font:normal 11px arial;
background-color: #FFFFFF;
letter-spacing:0px;
color: #98F5FF;
}
table.left {
/* this edits the menu module */
border: 0px solid #B0E2FF;
width:150px;
background-color: #FFFFFF;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #B0E2FF;
background-color: #FFFFFF;
width:299px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image:
background-color:
font: bold 11px arial;
text-transform: uppercase;
color: #B0E2FF;
border: 0px #B0E2FF;
}
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: #ffffff;
border: 1px solid #B0E2FF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #B0E2FF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #B0E2FF;
}
</style>
<left>
<div align: left; style="border: 1px solid #B0E2FF; width: 350px;background-color: #ffffff; filter:alpha(opacity=100)" class="text">
<div style="width:500px;
BACKGROUND-COLOR: transparent; background-image: urlsrc="http://img30.photobucket.com/albums/v90/mandu/story.gif", alt=""></center>
<center><script language=JavaScript>
<!--
// blinkbox - creates blinking table
// by sean f <a href='http://www.xanga.com/seanmeister' target='_blank'>http://www.xanga.com/seanmeister</a>
// customize the blinkbox by changing the values below
//
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("#EEAEEE","#B0E2FF","#EE30A7");
// the border color
var blinkBorderColor = "white"
// the border width, in pixels
var blinkBorderWidth = 4;
// the # of rows
var blinkRows = 4;
// the # of columns
var blinkCols = 50;
// the width of the entire box, in pixels or %
var blinkWidth = 500;
// the height of each row, in pixels
var blinkRowHeight = 4;
// speed of blinking, in milliseconds
var blinkRate = 8;
// don't edit below this line
// this draws the table...
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
setTimeout('blinkIt()', blinkRate);
}
blinkIt();
//-->
</SCRIPT>
sweet simplicity
<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="123,357,208,316" HREF="http://www.xanga.com/signin.asp" TITLE="sign in">
<AREA SHAPE="RECT" COORDS="120,447,226,401" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOUR USERNAME HERE" TITLE="subscribe">
<AREA SHAPE="RECT" COORDS="114,541,224,478" HREF="http://www.xanga.com/CLAF/default.asp" TITLE="claf">
<AREA SHAPE="RECT" COORDS="111,637,228,569" HREF="http://www.xanga.com/logout.asp" TITLE="sign out">
<AREA SHAPE="RECT" COORDS="625,744,680,723" HREF="http://www.xanga.com/this_weirdo" TITLE="credit">
</MAP>
<IMG SRC="http://img78.photobucket.com/albums/v325/this_weirdo/layouts/simplicity.gif" USEMAP="#map1" BORDER="0">
<div align="center">
<DIV style="margin-top: -525px; margin-left: 225; width: 415px; height:350px; OVERFLOW: auto; BACKGROUND-COLOR: "transparent"></center>
<style type="text/css">
/* Sweet Simplicity Stylesheet */
/* by Katrina (xanga.com/this_weirdo) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
table.navigation {display: none;};
.mainleft { display:none; };
table.footer, table.footernav {display: none;};
b, em {color: #FFFFFF; font-family:Arial; font-size:8pt; LETTER-SPACING: 0;}
strong {color: #CCCCCC; font-family:Arial;font-size:8pt; LETTER-SPACING: 0;}
i {color: #FFFFFF; font-family:Arial;font-size:8pt; LETTER-SPACING: 0;}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px arial;
line-height:14px;
color:#FFFFFF;
letter-spacing:0px;
text-align: justify;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, a.footernav:visited, {
/* edits all links */
color: #FFFFFF;
font:normal 10px arial;
line-height:14px;
text-decoration: none;
}
a:hover, a.footernav:hover, {
/* edits all links */
color:#CCCCCC;
cursor: crosshair;
font:normal 10px arial;
line-height:14px;
text-decoration: none;
alpha { width: inherit; height: 1; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);border-top:1px dashed #999999;}
body,html
{
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
cursor: crosshair;
}
</style>
lime and pink
<style type="text/css">
/* Lime Stripes Stylesheet */
/* by CAT(xanga.com/hollisterhunni29) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
background-image: url(http://pbskids.org/shareastory/images/background.gif);
scrollbar-arrow-color: #CD1076;
scrollbar-track-color: #66CD00;
scrollbar-shadow-color: #CD1076;
scrollbar-face-color: #CD1076;
scrollbar-highlight-color: #CD1076;
scrollbar-darkshadow-color: #66CD00;
scrollbar-3dlight-color: #66CD00;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#000000;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:georgia;
text-transform:lowercase;
font-size:20px;
line-height:20px;
font-weight:bold;
color:#66CD00;
letter-spacing:-2px;
background-color: #CD1076;
text-align: right;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#CD1076;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#black;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#66CD00;
cursor: help;
text-decoration: none;
background: #CD1076;
border: 1px solid #CD1076;
font-weight: bold;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #66CD00;
font:normal 11px arial;
background-color: #ffffff;
letter-spacing:0px;
color: #CD1076;
text-weight: bold;
}
table.left {
/* this edits the menu module */
border: 0px solid #c0c0c0;
width:160px;
background-color: transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid c0c0c0;
background-color: transparent;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #CD1076;
font: bold 11px georgia;
text-transform: lowercase;
color: #66CD00;
border: none;
text-align: right;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: transparent;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #CD1076;
border: 1px solid #66CD00;
}
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: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #CD1076;
}
</style>
this ones from my girl
its a roxy one
lime and pink
<style type="text/css">
/* Lime Stripes Stylesheet */
/* by CAT(xanga.com/hollisterhunni29) */
/* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */
body {
background-image: url(http://pbskids.org/shareastory/images/background.gif);
scrollbar-arrow-color: #CD1076;
scrollbar-track-color: #66CD00;
scrollbar-shadow-color: #CD1076;
scrollbar-face-color: #CD1076;
scrollbar-highlight-color: #CD1076;
scrollbar-darkshadow-color: #66CD00;
scrollbar-3dlight-color: #66CD00;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#000000;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:georgia;
text-transform:lowercase;
font-size:20px;
line-height:20px;
font-weight:bold;
color:#66CD00;
letter-spacing:-2px;
background-color: #CD1076;
text-align: right;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#CD1076;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#black;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#66CD00;
cursor: help;
text-decoration: none;
background: #CD1076;
border: 1px solid #CD1076;
font-weight: bold;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #66CD00;
font:normal 11px arial;
background-color: #ffffff;
letter-spacing:0px;
color: #CD1076;
text-weight: bold;
}
table.left {
/* this edits the menu module */
border: 0px solid #c0c0c0;
width:160px;
background-color: transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid c0c0c0;
background-color: transparent;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #CD1076;
font: bold 11px georgia;
text-transform: lowercase;
color: #66CD00;
border: none;
text-align: right;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: transparent;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #CD1076;
border: 1px solid #66CD00;
}
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: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #CD1076;
}
</style>
PINK N BLACK STRIPES!!!
<style type="text/css">
body {BACKGROUND-COLOR: #000000;
background-image: url(http://tinypic.com/pm9sg);}
scrollbar-arrow-color: #ff99cc;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #ff99cc;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ff99cc;
scrollbar-darkshadow-color: #ff99cc;
scrollbar-3dlight-color: #ff99cc;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:11px;
font-color:#ff99cc;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align:center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:trebuchet;
text-transform:lowercase;
font-size:20px;
font-color:#ff99cc;
line-height:30px;
font-weight:normal;
filter: alpha (opacity=100, finishopacity=0, style=2);
height: 30px;
background-color:#000000;
letter-spacing:1px;
text-align: center;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: strong;
font-color: #ff99cc;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #ff99cc;
font:normal 11px arial;
line-height:10px;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #ff99cc;
font:normal 11px arial;
line-height:10px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
font: normal 11px arial;
line-height: 11px;
cursor: crosshair;
height: 6px;
background-color: #000000;
color: #ff99cc;
text-decoration:line-through
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px dashed white;
font:normal 11px arial;
background-color: #000000;
letter-spacing:1px;color: #ff99cc;
font-color:#ff99cc;
}
table.left {
/* this edits the menu module */
border: 1px dashed #ff99cc;
width:160px;
background-color: #000000;
font-color:#ff99cc;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 3px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px dashed #ff99cc;
background-color: #000000;
width: 500px;
border: 1px dashed #ff99cc;
font-color:#ff99cc
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family:arial;
font-size:12px;
font-weight:bold;
filter: alpha (opacity=100, finishopacity=1, style=1);
background-color: #000000;
text-transform: capitalize;
color: #ff99cc;
border: none;
height: 6px;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px dashed #ff99cc;
}
table.navigation, table.main {
/* the width of your blog with modules */
width:325;
}
hr {
/* horizontal divider */
border: 1px solid black;
</style>
blue n purple layout
<style type="text/css">
/*BLUE + PURPLE*/
/*by layoutz_4_you*/
/*xanga.com*/
body { background-color: #ffffff;
border: 2px solid #33ccff;
border-width: 30px;
border-height: 30px;
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
scrollbar-arrow-color: #cc99ff;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #cc99ff;
scrollbar-face-color: #33ccff;
scrollbar-highlight-color: #33ccff;
scrollbar-darkshadow-color: #cc99ff;
scrollbar-3dlight-color: #ffffff;
cursor:crosshair;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 12px arial;
line-height:13px;
color:#33ccff;
letter-spacing:0px;
text-align:justify;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #cc99ff;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font: normal 14px arial;
font-size:20px;
font-weight: bolder;
background-image: url(URL);
text-align: center;
color: #cc99ff;
background-color: #ffffff;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #cc99ff;
font:normal 12px arial;
line-height:13px;
text-decoration: none;
cursor: nw-resize;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #33ccff;
font:normal 12px arial;
line-height:13px;
text-decoration: none;
cursor: nw-resize;
}
a:hover {
/* edits when user mouseovers the links */
color: #cc99ff;
font:italic 12px arial;
line-height:13px;
text-decoration:none;
cursor: ne-resize;
border-top: 1px solid #cc99ff;
border-bottom: 1px solid #33ccff;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #33ccff;
font:normal 12px arial;
background-color: transparent;
letter-spacing:0px;
color: #cc99ff;
}
table.left {
/* this edits the menu module */
border: 1px solid #33ccff;
width:160px;
background-color: transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid #cc99ff;
background-color: transparent;
width:400px;
background-image: url(URL);
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #33ccff;
background-image: url(URL);
font: bold 12px arial;
color: #ffffff;
border: none;
letter-spacing: 0px;
text-align: center;
font-weight: bolder;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: transparent;
background-image: url(URL);
color: #33ccff;
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: none;
}
table.navigation, table.main {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: none;
}
</style>
<script language=JavaScript>
<!--
//blink boxes - xanga.com/add_ons
//by sean f <a href='http://www.xanga.com/seanmeister' target='_blank'>http://www.xanga.com/seanmeister</a>
//fixed to work with new security measures by
//hotaru_01 <a href='http://www.xanga.com/hotaru_01' target='_blank'>http://www.xanga.com/hotaru_01</a>
// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("#33ccff","#ffffff","#cc99ff");
// the border color
var blinkBorderColor = "#ffffff"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 2;
// the # of columns
var blinkCols = 40;
// the width of the entire box, in pixels or %
var blinkWidth = 590;
// the height of each row, in pixels
var blinkRowHeight = 4;
// speed of blinking, in milliseconds
var blinkRate = 9;
// do not edit below this line
st=setTimeout;
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st('blinkIt()', blinkRate);
}
blinkIt();
//-->
</SCRIPT>
<br />
Heres a tight music box
<!--Provided by http://netsirk.proboards26.com-->
<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<p style="text-align: center">
<select style="FONT-SIZE: 8pt;000000:#; WIDTH: 150px; COLOR: #FFFFFF;BACKGROUND: #000000 font-face: arial" name="playlist" size="1">
<option value="0">Hear You Me</option>
<option value="1"> You</option>
<option value="2">Only One</option>
<option value="3">Best Deceptions</option>
<option value="4">Mr. Brightside</option>
<option value="5">Are you gonna be my girl</option>
<option value="6">Addicted</option>
<option value="7">Letters to You</option>
<option value="8">Disappear</option>
<option value="9">Hurricane</option>
<option value="10">Only Ashes</option>
<option value="11">Wish You Were Here</option>
<option value="12">Sex and Candy</option>
<option value="13">Here's To the Night</option>
<input TYPE="BUTTON" NAME="PLAY" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="PAUSE" VALUE="pause" OnClick="document.darkplayer.Pause(); playstate=2;">
<input TYPE="BUTTON" NAME="STOP" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"></p>
</form>
<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1; // set to 0 to always play first song in list
// set to 1 to randomly choose the first song to play
songs=new Array();
songs[0]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/4814/22811_1_6_04.asf";
songs[1]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/4581/25066_1_8_04.asf";
songs[2] ="http://sugarnet.webmediastrategy.net/mesmus/artisti/yellowcard/onlyone.wma";
songs[3]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/22181/27256_1_2_04.asf";
songs[4]="http://www.thecrutch.net/mp3/thekillers-mrbrightside.mp3";
songs[5]="http://www.msealsmusic.com/msealsmusic/user/music/Jet%20-%20Are%20you%20Gonna%20Be%20My%20Girl.WMA";
songs[6]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/2/5077/28514_1_5_04.asf";
songs[7]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/24365/27329_1_2_04.asf";
songs[8]
="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/1/21164/28621_1_12_04.asf"
songs[9]
="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/21221/25835_1_6_04.asf";
songs[10]
="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/21221/28241_1_4_04.asf";
songs[11]
="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/2239/24611_1_3_04.asf";
songs[12]
="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/1/605/685_1_2_04.asf";
songs[13]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/787/2908_1_5_04.asf";
if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>
<!--Provided by http://netsirk.proboards26.com-->
sry guys, some of these i make some of em i find.
ask me on my site www.xanga.com/hollisterhunni29 and maybe i can help ya with sumthin. |
