|
ABOUT THE SITE
v.2 geocities.com/genosadian
the picture above was copied from formula1.com edited
with arcsoft photo studio and adobe photoshop
TABLES
table that uses the commands <bgcolor>inserted at the
tags <table>, <tr> and <td>
SCRIPTS
<onmouseover> and <onmouseout>
special effects on pictures that when mouse is placed
over the picture, the picture will become colored and when mouse is out
the picture, it will turn to its grayscale form. < usually work on Windows
XP and Internet explorer 6 and above>
syntax for above example:
<img border="0" src="genoface.jpg"
style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=4)"
onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'"
onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'"
width="57" height="52">
HOVER LINKS
<like this>
this is one style in making links. when mouse is over
the mouse it changes its color
syntax for above example
<!insert on <head>> <style type =" text/css">
a:hover{color:#cccccc; font-face:arial; text-decoration:none; font-weight:bold;
cursor:hand}
then make links on the body
MOUSE OVER SCROLL
|
 |
|
|
M
A
P
U
A
I
L
O
V
E
I
T
GENO
CARLO
ESPEDILLON
SADIAN
|
|
|
|
place mouse over the green arrows |
syntax for above example
<!insert on <head>><SCRIPT>var sRepeat=null;function
doScrollerIE(dir, src, amount)
{ if (amount==null) {amount=10} if (dir=="up") {document.all[src].scrollTop-=amount}
else {document.all[src].scrollTop+=amount} if (sRepeat==null)
{sRepeat = setInterval
("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)}
return false}window.document.onmouseout = new
Function("clearInterval(sRepeat);sRepeat=null");
window.document.ondragstart = new Function("return false");function msover(){{event.srcElement.style.color="000099";
event.srcElement.style.backgroundColor="0099FF";event.srcElement.style.cursor
= "hand";}}function msout(){{event.srcElement.style.color="";
event.srcElement.style.backgroundColor="";event.srcElement.style.cursor =
"auto";}}function markover(){{event.srcElement.style.color="0066FF";
event.srcElement.style.cursor = "hand";}}function markout(){{event.srcElement.style.color="000000";
event.srcElement.style.cursor = "auto";}}function toggle( targetId
){{target = document.all( targetId );if (target.style.display == "none")
{target.style.display = "";} else {target.style.display =
"none";}}}</SCRIPT>
<!insert in body>
<td width="100%" bgcolor="#FFFFFF">
<p class="dy3">
<span lang="it"> </span><A CLASS=scroll ONMOUSEOVER="return
doScrollerIE('up','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#"><IMG
SRC="../navup.gif" border=0 align="left" width="257" height="15"></A></td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF">
<TABLE WIDTH="216" CELLPADDING=0 CELLSPACING=0 BORDER=0 BGCOLOR=#FFFFFF
style="border-collapse: collapse" bordercolor="#008080">
<TR>
<TD onmouseover="this.style.backgroundColor = 'FFFF66';" onmouseout="this.style.backgroundColor
= '';" width="520">
<p class="dy3"></TD></TR>
<TR><TD width="520">
<DIV ID=s1 CLASS=sc1 STYLE="width: 246; height: 28; overflow: hidden;
background: #ffffff">
<p align="center">
<b><font face="Georgia" size="2">M<br>
A<br>
P<br>
U<br>
A<br>
<br>
I<br>
<br>
L<br>
O<br>
V<br>
E<br>
<br>
I<br>
T<br>
<br>
<br>
GENO<br>
CARLO<br>
ESPEDILLON<br>
SADIAN<br>
</font></b></DIV></TD></TR>
<TR>
<TD onmouseover="this.style.backgroundColor = 'FFFF66';" onmouseout="this.style.backgroundColor
= '';" width="520"></TD></TR>
</TABLE>
</a>
</td>
</tr>
<tr>
<td width="100%" valign="top" bgcolor="#FFFFFF">
<p class="dy3" align="center"><A CLASS=scroll ONMOUSEOVER="return
doScrollerIE('down','s1',10)" ONMOUSEOUT="clearInterval(sRepeat)" HREF="#">
<IMG SRC="../navdown.gif" border=0 align="left" width="255"
height="15"></A>
<font size="2">place mouse over the green arrows</font></td>
" simplicity is beauty"
back to top
|