Monday, 22 September 2014
HTML CODE EDITOR
------------------------------------------------------------------------------------------------------
CREATE BLANK PAGE IN BLOG AND PASTE BELOW CODE
-------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FBGadgets HTML Editor</title>
<style type="text/css">
a{ color:#0080ff; text-decoration:none;}
a:hover, a:visited {color:Blue; text-decoration:underline}
.fbgadgets {
color: #0080ff; font-size: 12px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif;
}
.fbgadgets1 {
font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; color: Blue;
}
.h {
color: #0080ff;
}
</style>
</head>
<body>
<script>
////////////////////////////////////////////////////////////////////
// Setting
var rate = 20; // Increase amount(The degree of the transmutation)
////////////////////////////////////////////////////////////////////
// Main routine
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
//=============================================================================
// doRainbow
// This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
//=============================================================================
// stopRainbow
// This function stops to change a color.
//=============================================================================
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
//=============================================================================
// doRainbowAnchor
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// stopRainbowAnchor
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
// This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
// This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
//=============================================================================
// Change Color
// This function changes a color actually.
//=============================================================================
function ChangeColor()
{
objActive.style.color = makeColor();
}
//=============================================================================
// makeColor
// This function makes rainbow colors.
//=============================================================================
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
</script>
<table width="100%" border="0" style="background:#fff" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"><a target="_blank" href="http://fbgadgets.blogspot.co.uk/"><img style="border:4px solid Blue;float:left;padding:5px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuyvDlHLCcTtMAYrmcGwuRx24CJ80LNpMOa81Vw3pvMWtFRjLoDvI8-NLD8NKivUayJg51-7zGyRfaKqs7-OTHtN5MHOipEsO5j9NRDt7rDCmATXBTWcEx6jpDfp2oRtK4w_KGhbf_9BhB/s1600/960X400.jpg" width="955" height="150" alt="My Blogger Tricks" longdesc="http://fbgadgets.blogspot.co.uk/" /></a></th>
</tr>
<tr>
<td><p> </p>
<table style="width:960px;border:solid 1px #ccc;padding:2px;background:Blue">
<tr><td valign="top">
<form name="form1" method="post">
<textarea name="code" class="fbgadgets" style="border:solid 1px #ccc;padding:5px;width:430px;height:400px;scroll:auto" onclick="focus(this.code)"><style>
Add CSS Code Here
</style>
Add HTML Code Here
</textarea>
</form>
</td><td valign="top">
<iframe src="about:blank" name="preview" style="height:400px;width:500px;border:solid 1px #ccc;padding:5px;background:White" frameborder="0">
</iframe>
</td>
</tr>
</table>
<button onclick="preview.document.write(document.getElementsByTagName('TEXTAREA')[0].value);preview.document.close();preview.focus()">
Preview</button>
<button onclick="window.document.form1.code.value='';preview.document.write(document.getElementsByTagName('TEXTAREA')[0].value);preview.document.close();preview.focus()">
Clear </button>
</td>
</tr>
<tr>
<td><center>
<span class="fbgadgets1">Ā© FBGadgets </span>
<a href="http://fbgadgets.blogspot.co.uk/" target="_blank" title="FBGadgets">http://fbgadgets.blogspot.co.uk</a></center></td>
</tr>
</table>
</body>
</html>
----------------------------------------------------------------------------------------------------------
OR USE HTML PAGE GENERATOR CODE
----------------------------------------------------------------------------------------------------------
Related movie you might like to see :
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.