. Original Watercolor Scene - Dark Morning Woods

On an early morning walk along the creek, with hazy sunshine casting long patterns of light and shadow through the silent woods, I found my inspiration for these images.

A chunky font face and shadowed edges give these buttons a somewhat masculine feel:

 

 

I chose to feature the Dark Woods watercolor at the top of my page, but it could effectively be used as a top border across the entire document,


by reducing the intensity of the
image it could be used as a
table background to good advantage.

 

Interested in a roll over image menu like the one below?





cut and paste the script (right) into the <head> of your document

copy these images to your file:










 

Or, the menu can run across the page by simply removing the <br> tags.

cut and paste to document head:

<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

cut and paste in document body
at point of menu insertion:

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','dk-home2.gif',1)"><img name="home" border="0" src="dk-home1.gif" width="80" height="31"></a>
<br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('next','','dk-next2.gif',1)"><img name="next" border="0" src="dk-next1.gif" width="73" height="30"></a>
<br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('back','','dk-back2.gif',1)"><img name="back" border="0" src="dk-back1.gif" width="73" height="30"></a>
<br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mail','','dk-mail2.gif',1)"><img name="mail" border="0" src="dk-mail1.gif" width="92" height="27"></a>
<br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('guest','','dk-guest2.gif',1)"><img name="guest" border="0" src="dk-guest1.gif" width="131" height="33"></a>

you must replace the # sign with the URL of your link - everything else must remain in tact.

Now that wasn't difficult, was it?

Back to index

.Home. .Nana's Cottage. .Holiday Village. .Web Site Design. .Art For Sale. .Contact.
Please respect my copyright