Warning Warning: I am able to write to the configuration file: /home/free/public_html/includes/configure.php. This is a potential security risk - please set the right user permissions on this file (read-only, CHMOD 644 or 444 are typical). You may need to use your webhost control panel/file-manager to change the permissions effectively. Contact your webhost for assistance.
The Best of The Best Freeware

Fading Context Menu

This creates a beautiful context menu for links. When your visitor right clicks anywhere on your page this menu appears as a context menu. Very nice.

Paste this within the Head section of your page.

<!-- Begin Head Section Scrip -->
a {
text-decoration: none;
font-weight: bold;
color: #666666;
.menu  {
position: absolute;
width:  100px;
top: 0px;
left: 0px;
background-image: url(back1.png);
visibility: hidden;
border: 1px solid;
border-color: #eeeeee #666666 #666666 #eeeeee;
padding: 2px;
z-index: 5;
filter: alpha(opacity=0);
.menuitem {
padding: 2px 4px 2px 4px;
color: #000000;
text-decoration: none;
font-family: ms sans serif;
font-size: 11px;
font-weight: normal;
display: block;
.seperator {
border-top: 1px solid #999999;
border-bottom: 1px solid #eeeeee;
margin: 2px;
a.menuitem:hover {
color: #ffffff;
background-color: transparent;
background-image: url(back.png);
<script type="text/javascript">
// copyright 2002 Eddie Traversa
// http://dhtmlnirvana.com/
// free to use as long as this copyright notice stays intact

var ie5 = (document.getElementById&&document.all);
var n6  = (document.getElementById&&!document.all);
var x,y,el,pageW,pageH; 
if (n6)  document.addEventListener("mouseup",showMenu,false);
if (ie5) document.attachEvent("oncontextmenu",showMenu);
if (ie5) document.attachEvent("onclick",showMenu);

function showMenu(event) {
if (document.getElementById) {
pageW   = document.body.offsetWidth;
pageH   = document.body.offsetHeight;
x     = event.clientX 
y      = event.clientY
el   = document.getElementById("menu");
if ((ie5&&event.type=="contextmenu")||(n6 && event.which>1)) {
if ((x+parseInt(el.offsetWidth))>=pageW) {
x  = parseInt(el.offsetWidth);
y  = parseInt(el.offsetHeight);
return false;
if ((ie5&&event.type=="click")||(n6 && event.which==1)) {
fade_index = 0;
document.oncontextmenu=new Function("return false") ;

fade_index = 0;

function fadeIn() {
if(ie5 || n6) {
 document.getElementById('menu').style.visibility = 'visible';
 if(ie5) {
 document.getElementById('menu').filters.alpha.opacity = fade_index;
 if(n6) {
 document.getElementById('menu').style.MozOpacity = fade_index/100;
 fade_index += 3;
 goIn = setTimeout("fadeIn()", 50);
 if(fade_index >= 100)

<!-- End Head Section Sript -->

Paste this in the body of your page.

<!--To edit the number of menus simply remove or add menu items as needed, make sure the a tag has the menuitem class attached to it
as shown below -->
<div id="menu" class="menu">
<a href="javascript: alert('Item One')" class="menuitem">Item One</a>
<a href="javascript: alert('Item Two')" class="menuitem">Item Two</a>
<a href="javascript: alert('Item Three')" class="menuitem">Item Three</a>
<div class="seperator"></div>
<a href="javascript: alert('Item Four')" class="menuitem">Item Four</a>
<a href="javascript: alert('Item Five')" class="menuitem">Item Five</a>
<a href="javascript: alert('Item Six')" class="menuitem">Item Six</a>
<a href="javascript: alert('Item Seven')" class="menuitem">Item Seven</a>
<div class="seperator"></div>
<a href="javascript: alert('Item Eight')" class="menuitem">Item Eight</a>
<div id="Layer1" style="position:absolute; width:360px; height:115px; z-index:6; left: 117px; top: 118px; visibility: hidden;"><img src="back.png" width="206" height="206"><img src="back1.png" width="206" height="206"></div>

These two graphics are needed unless you use your own.

Right Click on them to download.

Right Click and    Right Click and

Sold Out

Added Saturday 07 April, 2007.

Copyright © 2017 FreeFeast.com./ datacreek Powered by Zen Cart