LAYOUTZ/BORDERS/BACKGROUNDS

PAGE BORDER:
(Typez: solid, double, inset, outset, ridge, groove, dotted, dashed)

<style type=text/css><!--body{border:#COLOR #px border type} //--></style>

DIFFERENT COLOR PAGE BORDERS:

<style type=text/css><!-- body{border-right:#FF0000 10px outset;border-left:#FFFFFF 10px outset;border-top:#3333FF 10px outset;border-bottom:#FFFF00 10px outset} //--></style>

SOLID COLOR OR PIC/IMAGE BACKGROUND FOR YOUR PAGE:

<style>body{background:#COLOR url() fixed}--></style>

2 COLOR BLEND BACKGROUND FOR YOUR PAGE:
(can be any 2 colors you want)

<style>body {background:#000000; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#000000,EndColorStr=#CCCCCC); }</style>

1 SINGLE PICTURE AS A BACKGROUND IN THE CENTER OF YOUR PAGE:

<style>body {background:#000000 url(url of picture) fixed no-repeat center; }</style>

WALLPAPER/LAYOUT BACKGROUND TO COVER ENTIRE PAGE:

<style type="text/css"><!-- body{background:#000000} //--></style><table border=0 style="position:absolute; top:0; left:0; z-index: 0;"><tr><td><img src="WALLPAPER/LAYOUT URL"></td></tr></table>

DIV TABLE/BOXES

CENTERED FOR WALLPAPER/LAYOUT BACKGROUNDS:
(everything stays inside the box)

<div id="scroll3" style="width:400;height:400;overflow:auto;position:absolute;top:200;left:300;"><font style="font-family:tahoma;font-size:18px;color:#FFFFFF"><center>EVERYTHING GOES HERE <table><tr><td>

TO MAKE SEVERAL DIV/TABLES FOR A LAYOUT USE THIS DIV CODE OVER AND OVER BUT YOU MUST ADJUST THE NUMBERS(width,height,top,left) TO FIT YOUR LAYOUT OR THEY WILL OVERLAP:

<div id="scroll3" style="width:200;height:200;overflow:auto;position:absolute;top:?;left:?;"><font style="font-family:tahoma;font-size:18px;color:#FFFFFF"><center>TEXT/PICS IN HERE</font></center></div>

3 DIV/TABLE/BOXES NEXT TO EACHOTHER/TOGETHER:
(see my MG_POEMS_4_U for an example)

<div style="position:absolute;top:200px;left:0px;background:url();border:#FFFFFF 4px double;font-family:comic sans ms;font-size:11px;color:#FFFFFF;width:340px;height:250px;overflow:auto"><center>TEXT TEXT TEXT TEXT TEXT TEXT<br><br></div><br> <div style="position:absolute;top:200px;left:340px;background:url();border:#FFFFFF 4px double;font-family:comic sans ms;font-size:11px;color:#FFFFFF;width:350px;height:250px;overflow:auto"><center>TEXT TEXT TEXT TEXT TEXT TEXT<br><br></div><br> <div style="position:absolute;top:200px;left:680px;background:url();border:#FFFFFF 4px double;font-family:comic sans ms;font-size:11px;color:#FFFFFF;width:340px;height:250px;overflow:auto"><center>TEXT TEXT TEXT TEXT TEXT TEXT<br><br></div>

1 DIV/TABLE/BOX FOR ANYWHERE ON YOUR PAGE:
(you adjust the height and width)
(you have to have enuff text and/or pics to see the scrollbars)

<div id="scroll3" style="width:200;height:100;overflow:auto; border:#FFFFFF 4px solid;"><font style="font-family:comic sans ms:font-size:12px;color:#FFFFFF">TEXT GOES HERE</div>

A TABLE/BOX for text/pics:

<table style="background:#000000;border:#FFFFFF 6px solid;text-align:center;width:300px;height:200px"><tr><td style="background:#000000;text-align:center"><font style="font-family:comic sans ms;font-size:14px;color:#FFFFFF"><b><br><center> TEXT AND OR PICS GOES HERE <br><br></center></font></td></tr></table>

TEXTAREA BOX FOR CODES:

<textarea style="width:200;height:100;background:#000000;color:#FFccFF;font-family:arial;font-size:12px">CODE GOES HERE

Page Font TEXT

<b>BOLD TEXT</b>

Example: Bold text

<i>ITALICS TEXT</i>

Example: Italics text

<u>UNDERLINED TEXT</u>

Example: Underlined Text

<s>STRIKED TEXT</s>

Example: Striked Text

TO SPACE AND ALIGN YOUR TEXT EVENLY ON LEFT AND RIGHT SIDES:

<p align=justify>TEXT HERE</p>

SET YOUR PAGE FONT:
(can be whatever font you want, whatever color and size)

<font style="font-family:comic sans ms;color:#FFFFFF;font-size:14px">TEXT</font>

(you can adjust the direction of the filters by adding direction!)
For Shadow: filter:shadow(color=#,direction=#)
For Drop Shadow: filter:dropshadow(color=#,direction=#)
For Blur: filter:blur(strength=#,direction=#)

Example: Glowing Text

<table style="filter:glow(color:#FFFFFF"><tr><td><font face="comic sans ms"size=2><font color=#000000>Text and/or images here</font></td></tr></table>

Example: Shadow text

<table style="filter:shadow(color:#FFFFFF)"><tr><td><font face="comic sans ms"size=2><font color=#BB0000>Text and/or images here</font></td></tr></table>

Example: Blur text

<table style="filter:blur"><tr><td><font face="comic sans ms"size=2><font color=#FFFFFF>Text or images here</font></td></tr></table>

Example: Drop shadow text

<table style="filter:dropshadow(color:#FF0000)"><tr><td><font face="comic sans ms"size=2><font color=#FFFFFF>Text and/or images here</font></td></tr></table>

Flip upside down

<p style="filter:flipv ;font:14pt verdana;color:#FFFFFF;width:300px;">TEXT</p>

Reverse text

<p style="filter:fliph;font:14pt verdana;color:#FFFFFF;width:300px;">TEXT</p>

NO RIGHT CLICKS

DO NOT REMOVE QUOTATIONS MARKS!!

No right click

<body id="jvel" oncontextmenu="return false">

Another right click

<body oncontextmenu="return false;">

No right click- with an alert message

<body oncontextmenu=`alert("NO STEALING!!");alert("ASK!!");return false` onselectstart=`return false`></font>

No right click or highlighting

<body oncontextmenu="location=self.location;return false" ondragdrop="location=self.location;return false" onselectstart="location=self.location;return false" ondragstart="location=self.location;return false"> <P align=center><FONT color=#ffffff size=2>No right click- self return</FONT><textarea style="width:200;height:100;background:#000000;color:#FFccFF;font-family:arial;font-size:12px"><body oncontextmenu="location=self.location;return false" ondragdrop="return false" onselectstart="return true">

Right click- send somewhere else with message

<body oncontextmenu=`alert("I Wont Log u OFF");alert("But ya Cant Stay Here"); window.location=("http://knet.ca"); return false` onselectstart=`return false`>

No right click, log out

<body oncontextmenu=`alert("Stealing is not allowed!!!");alert("Logging out now!!"); window.location=("http://knet.ca"); return false` onselectstart=`return false`></font>