www.uncletony.co.uk

HTML Stuff

Some CSS, HTML and D-HTML Tricks

The added HTML in green gives you an idea of how simple it is:

CSS attributes allow all sorts of fancy text manipulations. The few lines of html below will remove the underline and change the colour of the links on a page - just like I have done on this page!

The addition of a few lines inserted between the tags <head> ... </head> is all that is needed....

<html>
<head>
<title>uncletony's Web-Internet Stuff</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type=text/css>  
A { text-decoration: none } removes underlining
A:hover { color:#FF0000 } text changes colour when mouse hovers over an active text link
</style>  
</head>  

 

This snippet creates a scrolling banner like this:

... you too can put in a scrolling banner like this and annoy everybody !! ...

(Note - it only works with IE 4 and Netscape 7 or greater)

<dl>
<div align="left">
sets left, right, or center alignment

<dt>
<b><font color="#FF0000" face="Verdana, Arial, Helvetica, sans-serif">

sets typeface style and color
<marquee width="500" height="14"><font size="2">
<i>
... you too can put in a scrolling banner like this and annoy everybody !! ...</i>
</marquee>
sets marquee size and message
</font>
</b></dt>
</div>
</dl>
closing tags

 

 

This will give you coloured scroll-bars only with IE5.5 and above

<STYLE TYPE="TEXT/CSS">
<!--
BODY {

opening tags
scrollbar-base-color:#FFFF00;
scrollbar-darkshadow-color:#00FF00;
scrollbar-face-color:#FF0000;

Yellow
Green
Red

}
-->
</STYLE>
closing tags

 

 

This Javascript applet will give you scrolling text in the IE Status Bar.

Insert the GREEN highlighted text in between the <head> ... </head> tags.


<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
var x = 0
var y = 0
var z = 150
var delay = 120
var text = "**** Welcome to uncletony's Web Site **** "
+' Please send me an e-mail to let me know what you think of it. '
while (y ++ < z) {
text = " " + text
}
//
function scroller() {
window.status = text.substring(x ++, text.length);
if (x== text.length) {
x = 0;
}
setTimeout("scroller()", delay);
}
scroller();
//-->

</SCRIPT>

</head>











var z :
sets scroll starting point
var delay: sets scroll speed
var text: text to be displayed

NOTE:
CSS doesn't work with of browsers earlier (older) than 4.x., and not all browsers recognise all HMTL commands

Back to Home Page
Rev: 10-2003