A very basic HTML editor from Everingham web design.

BASIC HTML EDITOR

HTML, CSS & JavaScript source code below: (edit code below, preview it's layout above) Close this popup.

<html>
<head>
<title>Test Code</title>
</head>
<body>
<h1 style="font-family: Verdana; color: Red;">Welcome</h1>

<p style="font-family: Verdana;">Feel free to play around with this page. <b>Edit the text in the "Source code" area below</b></p>
Change the code, so it looks like what you want, and then select the source code, and save it to your own customized version of the page!<p>

#footerHR			{width: 605px; height: 4px; filter: dropshadow(color=pink, offx=2, offy=2);}

#footerFX		{position: relative; top: 15px; font-size: 35px; font-style: italic; letter-spacing: 1px; width: 485px; color: red;
					font-family: Arial Black;
					filter: mask(color=red) glow(color=pink, strength=1) chroma(color=red) dropshadow(color=red, offx=2, offY=2)}
				
.footerLink			{position: relative; top: 3px; left: 3px; height: 15px;
					filter: dropshadow(color=pink, offx=2, offy=2)}				
-->
</style>

var a = 1;

function raise(el) {
	el.filters.dropshadow.offx += a;
	el.filters.dropshadow.offy += a;
	el.style.pixelTop          -= a;
	el.style.pixelLeft         -= a;
}

function restore(el) {
	el.filters.dropshadow.offx -= a;
	el.filters.dropshadow.offy -= a;
	el.style.pixelTop          += a;
	el.style.pixelLeft         += a;
}
//-->
</script>

</body>
</html>