| new layout: july 30
deep In my heart(green and yellow)
features an anime, was trying something differnt
Preview
Original image
Click on the Layout Provider Blogring for other layout providers :]
1. Highlight code
2. Press Ctrl + C
3. paste in custom header of look and feel.
Always and forever (purple)
preview
change babie_brat to your username
tnx to LudaChrissy for the theme title
BLue Serenity
Preview
Girl Blinks
layout type: frame
remember to change USERNAME to yrou username.
the star glows for the wish upon a star layouts :]
EDIT I made a blue version of this for those of you who like blue :]
Designer: Marian
1. change USERNAME at the bottom to your username (there's 4 of them)
2. Highlight code
3. Press Ctrl + C
4. paste in custom header of look and feel.
Playboy Bunny Layout(white bg and babie blue)
<sweet tempatation>
preview
dear diary
banner is animted. it writes out dear diary in a handwriting effect :]
HeartBroken
...Behind that smile...
Dreamz
SWEET SIMPLICTY IN GREY AND BLUE
Love of my Life
I DID NOT MAKE THE BANNER FOR THIS!!
<img src=http://img2.photobucket.com/albums/v11/babiebrat/e321234f.gif><style type="text/css">
TABLE,TD,FONT,P,I,BODY,DIV
{font-family:"arial"; font-size:8pt;}
</style><script language=javascript>
document.title=("__Love of my life__")
</script><FIELDSET style=
"BORDER-RIGHT: #000000 double;
BORDER-TOP: #000000 double;
BORDER-LEFT: #000000 double;
WIDTH: 600px;
BORDER-BOTTOM: #000000 double;
HEIGHT: 34px">
<style type="text/css">
body {
background-color: #000000;
background-image: url("http://img2.photobucket.com/albums/v11/babiebrat/fcaf9586.gif"); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom center;
scrollbar-arrow-color: #FFC6E2;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFC6E2;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}
//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 8pt arial;
line-height:10px;
color:FFA6D2;
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:arial;
text-transform:uppercase;
font-size:8pt;
line-height:10px;
font-weight:bold;
color:#FFA6D2;
letter-spacing:0px;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FFA6D2;
font:normal 8pt arial;line-height:10px;
text-decoration: none;
}
//blogring.document.write
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#ffffff;
font:normal 8pt arial;
line-height:10px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#000000;
font:normal 8pt arial;
line-height:10px;
cursor: ne-resize;
text-decoration: bold;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 3px double #FFC6E2;
font:normal 11px arial;
background-color: #000000;
letter-spacing:0px;
}
table.left {
/* this edits the menu module */
border: 3px double #FFC6E2;
width:160px;
background-color: #000000;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 3px double FFC6E2;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font: bold 8pt arial;
text-transform: uppercase;
color: #FFA6D2;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
border: 3px double;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #ffffff;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 3px double #FFA6D2;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #FFA6D2;
}
</style>
<SCRIPT language=JavaScript1.2>
<!-- Begin
var no = 20; // snow number
var speed = 28; // smaller number moves the snow faster
var snowflake= "http://img2.photobucket.com/albums/v11/babiebrat/ca5c75ab.gif";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 900;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</SCRIPT>
plz prop if your gon use it :]
Designer: Marian |
