Moonglade Designs, Free Java and CSS Scripts

Home Contact

Web Hosting,
Design for Web, Print and Merchandise and Promotional and Marketing Services.

leave it to us and be worry free

Free Scripts

We have collected these through free sites and we use them in our web design department. These scripts have a creative common license which means we may use them but not sell them. Passing the joy around we have decided to share them here...

Date and Time Script

Add the date and time to your site with this elegant script.

This is an internal java script

<SCRIPT language=Javascript1.2>  </SCRIPT>

Copy ctrl+C and paste ctrl+V the above script into your body where you want the date and time to appear. That's it!

I really like this script, it's very simple to use and has a nice eye appeal because it is not invasive at all, and it's very easy to customize to fit your site scheme.

Mouse-Over Color Links

Bring your links alive with color changing links on mouse-over.

This is an internal css script

<style>A:link { COLOR: #CDD3E2; TEXT-DECORATION: none } A:visited { COLOR: #CDD3E2; TEXT-DECORATION: none } A:active { COLOR: #CDD3E2; TEXT-DECORATION: none } A:hover { COLOR: #8B92A2; TEXT-DECORATION: underline }</style>

Copy ctrl+C and paste ctrl+V the above script into your header. Change the color codes to match your site theme. That's it! Or you can add more options to this script which is very elementary.

For unlined links leave as it. Only on mouse-over will the link be underlined.

To underline on active link change none to underline.

To get a more 3d effect, underline on active as above, and change underline to overline.

Your links will change color on mouse over and only then will they be unlined. This script creates a nice eye appeal to your theme.

Scrollbar Color Change

Add the finishing touches to your sites theme with scrollbar colors
This is an internal css script

<style type="text/css"> body { scrollbar-face-color: #000000; scrollbar-shadow-color: #757C8C; scrollbar-highlight-color: #8B92A2; scrollbar-3dlight-color: #8B92A2; scrollbar-darkshadow-color: #757C8C; scrollbar-track-color: #000000; scrollbar-arrow-color: #CDD3E2} </style>

Copy ctrl+C and paste ctrl+V the above script into your header. Change the color codes to match your site theme. That's it! Or you can add more options to this script which is very elementary.

You can have your scrollbar lay flat or you can have a 2d or 3d effect.

To have a 2d effect, follow the tags in the script. Be sure your darker tones are in the dark shadow color and your lighter tones are in the highlight color, while your medium tones are in the track and face colors.

To have a 3d effect, play around with your color scheme, have multiple colors, and place the darker tones in the highlight color and the lighter tones in the dark shadow colors. Just be sure to follow your sites color theme. You want your scrollbar to accent your site and not hinder it. Play with the script and see what you can come up with!

Text Color Change

This handy script will change the text color on mouseover without using links

This is an example of changing the color of text, mouseover me.

<h1 onMouseOver="this.style.color = '#D700CA';" onMouseOut="this.style.color = '#CDD3E2';"></h1>This is an example of changing the color of text using a mouseover.</font></h1>

Copy ctrl+C and paste ctrl+V the above script in the body where you want the text color to change. Change the color codes to match your site theme. That's it!