0

I dont have much experience with javascript. Please provide javascript to create something like the image below:

[IMG]http://www.coolmicroscope.com/java.jpg[/IMG]

Things I can't workout are:

1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color

"data:text/html,<html>¶
<head>

<script type='text/javascript'>
function blinkIt() {
if (!document.all) return;
else {
for(i=0;i<document.all.tags('blink').length;i++){
s=document.all.tags('blink')[i];
s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible';
}
}
}
</script>

<style>
html, body {
height: 100%;
width: 100%;
}

body
{
margin : 0px 0px 0px 0px;
border : 0px;
}

table 
{
border-collapse: collapse;
width : 100%;
height : 100%;
}

td {
text-align: center;
vertical-align : top;

font: bold 11px arial;

color:rgb(" & TextColour & ");
background-color:rgb(" & BackgroundColour & ");

}
</style>
</head>
<body onload=\"setInterval('blinkIt()',500)\">¶
<table><tr><td><blink>¶"
& Text &
"</td></tr></table></blink>¶
</body>¶
</html>"
2
Contributors
1
Reply
2
Views
6 Years
Discussion Span
Last Post by hielo
0

Open firefox and install colorzilla:
https://addons.mozilla.org/en-US/firefox/addon/271/

After you restart your browser you should see a dropper icon on the lower left hand side of the browser. Go the the image url you posted above, click the colorzilla icon and then hover over the image. Once you are over the color you are interested in, click it to "select" it and "disable" colorzilla. Then put your mouse back on the colorzilla icon but this time do a right-click to copy the color you "selected".
top background color: rgb(45, 87, 147)
bottom background color: rgb(72, 126, 198)

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.