Bueno, pues la cosa es que estoy haciendo ya la version 2 de la pagina con los cursos...Y quiero meterle un menu...
El menu es mas o menos = que le de EOL...
Tiene 3 partes...
Un Codigo inplementeo en el HTML
Dos archivos *.js
La cosa es que me tiene harto...
Para empezar, no puedo cambiarle el tamaño de la letra...
Tampoco el color de esta...
Luego resulta que el menu que sale al pasar el raton se me desaparece cuando llego a la ultima opcion
A parte, me sigue si le doy a la barra vertical, cuando quiero que sea fijo...
Y lo peor, es que lo hize al principio con 2 frames, y el en el 1º arriba solito, pero el menu que se desplega no se subia sobre el borde, sino que agrandaba el frame.
Tambien quiero cambiarle el borde que usa porque es feisimo...
Aqui os pongo la direccion de la prueveceja...
http://www.elkaos.com/prueva/index.htm
Y aqui el codigo...
HTML:
Pagina nueva 1
QUE CONSTE QUE ESTE SCRIPT ES OTRA COSA, ES PARA LA BARRA DE COLORES...
Menu.js :
if (document.all) {n=0;ie=1;fShow="visible";fHide="hidden";}
if (document.layers) {n=1;ie=0;fShow="show"; fHide="hide";}
window.onerror=new Function("return true")
////////////////////////////////////////////////////////////////////////////
// Function Menu() //
////////////////////////////////////////////////////////////////////////////
rightX = 0;
function Menu()
{
this.bgColor = "#FF3300";
this.bgColor2 = "#000010";
if (ie) this.menuFont = "bold xx-small Verdana";
if (n) this.menuFont = "bold x-small Verdana";
this.fontColor = "red";
this.addItem = addItem;
this.addSubItem = addSubItem;
this.showMenu = showMenu;
this.mainPaneBorder = 0;
this.subMenuPaneBorder = 0;
this.subMenuPaneWidth = 200;
lastMenu = null;
rightY = 0;
leftY = 0;
leftX = 0;
HTMLstr = "";
HTMLstr += "\n";
HTMLstr += "\n";
if (ie) HTMLstr += "\n";
// if (n) HTMLstr += "
\n";
HTMLstr += "
border='"+this.mainPaneBorder+"'>\n";
HTMLstr += "";
if (n) HTMLstr += " ";
HTMLstr += "\n";
HTMLstr += "\n";
HTMLstr += "\n";
if (n) HTMLstr += " | ";
HTMLstr += "
\n";
HTMLstr += "\n";
HTMLstr += "\n";
HTMLstr += "\n";
HTMLstr += "\n";
HTMLstr += "\n";
HTMLstr += "\n";
if (ie) HTMLstr+= "
// if (n) HTMLstr+= "\n";
HTMLstr += "\n";
}
function addItem(idItem, text, hint, location, altLocation)
{
var Lookup = "";
if (HTMLstr.indexOf(Lookup) != -1)
{
alert(idParent + " already exist");
return;
}
var MENUitem = "";
MENUitem += "\n\n";
if (n)
{
MENUitem += "";
MENUitem += "
onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
MENUitem += "| ";
MENUitem += text;
MENUitem += "";
MENUitem += "";
}
if (ie)
{
MENUitem += "\n";
MENUitem += "\n"; MENUitem += " MENUitem += "class=clsMenuItemIE "; // MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' "; if (hint != null) MENUitem += "title='"+hint+"' "; if (location != null) { MENUitem += "href='"+location+"' "; MENUitem += "onmouseover=\"hideAll()\" "; } else { if (altLocation != null) MENUitem += "href='"+altLocation+"' "; else MENUitem += "href='.' "; MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" "; MENUitem += "onclick=\"return false;\" " } MENUitem += ">"; MENUitem += "| \n"; MENUitem += text; MENUitem += "\n"; MENUitem += "
MENUitem += " | \n";
}
MENUitem += "\n\n";
MENUitem += "\n";
HTMLstr = HTMLstr.replace("\n", MENUitem);
}
function addSubItem(idParent, text, hint, location)
{
var MENUitem = "";
Lookup = "";
if (HTMLstr.indexOf(Lookup) == -1)
{
alert(idParent + " not found");
return;
}
Lookup = "";
if (HTMLstr.indexOf(Lookup) == -1)
{
if (n)
{
MENUitem += "\n";
MENUitem += "
bgcolor='"+this.bgColor2+"'>\n";
MENUitem += "
bgcolor='"+this.bgColor2+"' width="+this.subMenuPaneWidth+">\n";
MENUitem += "\n";
MENUitem += "\n";
MENUitem += "\n";
MENUitem += "\n";
}
if (ie)
{
MENUitem += "\n";
MENUitem += "\n";
MENUitem += "\n";
}
MENUitem += "\n";
HTMLstr = HTMLstr.replace("\n", MENUitem);
}
Lookup = "\n";
if (n) MENUitem = "
href='"+location+"'>"+text+"
|
\n";
if (ie) MENUitem = "
href='"+location+"'>"+text+"
|
\n";
MENUitem += Lookup;
HTMLstr = HTMLstr.replace(Lookup, MENUitem);
}
function showMenu()
{
document.writeln(HTMLstr);
}
////////////////////////////////////////////////////////////////////////////
// Private declaration
function displaySubMenu(idMainMenu)
{
var menu;
var submenu;
if (n)
{
submenu = document.layers[idMainMenu+"submenu"];
if (lastMenu != null && lastMenu != submenu) hideAll();
submenu.left = document.layers[idMainMenu].pageX;
submenu.top = document.layers[idMainMenu].pageY + 25;
submenu.visibility = fShow;
leftX = document.layers[idMainMenu+"submenu"].left;
rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
leftY = document.layers[idMainMenu+"submenu"].top+
document.layers[idMainMenu+"submenu"].clip.height;
rightY = leftY;
} else if (ie) {
menu = eval(idMainMenu);
submenu = eval(idMainMenu+"submenu.style");
submenu.left = calculateSumOffset(menu, 'offsetLeft');
// submenu.top = calculateSumOffset(menu, 'offsetTop') + 30;
submenu.top = menu.style.top+23;
submenu.visibility = fShow;
if (lastMenu != null && lastMenu != submenu) hideAll();
leftX = document.all[idMainMenu+"submenu"].style.posLeft;
rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;
leftY = document.all[idMainMenu+"submenu"].style.posTop+
document.all[idMainMenu+"submenu"].offsetHeight;
rightY = leftY;
}
lastMenu = submenu;
}
function hideAll()
{
if (lastMenu != null ) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}
function calculateSumOffset(idItem, offsetName)
{
var totalOffset = 0;
var item = eval('idItem');
do
{
totalOffset += eval('item.'+offsetName);
item = eval('item.offsetParent');
} while (item != null);
return totalOffset;
}
function updateIt(e)
{
if (ie)
{
var x = window.event.clientX;
var y = window.event.clientY;
if (x > rightX || x < leftX) hideAll();
else if (y > rightY) hideAll();
}
if (n)
{
var x = e.pageX;
var y = e.pageY;
if (x > rightX || x < leftX) hideAll();
else if (y > rightY) hideAll();
}
}
if (document.all)
{
document.body.onclick=hideAll;
document.body.onscroll=hideAll;
document.body.onmousemove=updateIt;
}
if (document.layers)
{
document.onmousedown=hideAll;
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=updateIt;
}
Menucontext.js :
function showToolbar()
{
// ********** Formato de las funciones ***********
// AddItem(id, text, nombre, url, url alternativo);
// AddSubItem(idpadre, texto, nombre, url);
// ***********************************************
menu = new Menu();
menu.addItem("MenuIndex", "LA PUERTA DEL KAOS", " ", null, null);
menu.addItem("Downloads", "Download", " ", null, null);
menu.addItem("NoMarcado", "NoPongoNadaDeMomento", " ", null, null);
menu.addSubItem("MenuIndex", "Curso de EDONKEY", "Curso de EDONKEY",
"www.elkaos.com/EDNK2/EDNK2.htm");
menu.addSubItem("MenuIndex", "Curso de Proxy ANONIMO", " ", " ");
menu.addSubItem("MenuIndex", "PosMeDaIgual", " ", " ");
menu.addSubItem("MenuIndex", "PuesYaAburre", " ", " ");
menu.addSubItem("MenuIndex", "BufQueCoñazo", " ", " ");
menu.addSubItem("Downloads", "Lalala", " ", " ");
menu.addSubItem("Downloads", "Tirorirory", " ", " ");
menu.showMenu();
}
Pues eso...que a ver si me podeis ayudar,...
Es que quiero que esten lo mas guapas posible... 
XDXD
![[mad]](/images/smilies/nuevos/miedo.gif "loco")
![[sonrisa]](/images/smilies/nuevos/risa_ani1.gif "sonrisa")
