Noticias
Nuevos mensajes
Buscar
Usuarios
Fisgona
Comunidades
Hosting
Otros servicios
Webmasters
Avatar Image
Machacateclados
Machacateclados
#1•

Aca tengo un menu...que queria agregarle que cuando pases el mouse por arriva se cambia el background. aqui va el url, si es muy largo lo siento pero quiero agregarle eso:


http:\\webloslouse.webcindario.com/menu.php


espero que me ayuuden o necesitan el codigo directamente=??
Avatar Image
Moderador
Moderador
#2•

Que menu , yo solo veo un enlace

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados
#3•

Disculpa gaf, ya arregle el link, tarde tanto porque desde mi casa no funciona iniciar sesion a mi @, porque!? no se pero el hecho es que no puedo.
gracias, y depaso puse el codigo abajo
nos vemos esperoq ue puedas ayudarme

Avatar Image
Moderador
Moderador
#4•

Si es lo quie creo, un efecto como el menú de mi web, te lo explican muy bien aca ---> http://www.webexperto.com/articulos/articulo.php?cod=15

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados
#5•

si ya vi lo que decias, pero como lo pongo a mi menu?? porque no es ni parecido al que
ahi muestra, ademas dime... el script que luego hacemes referencia lo pongo dentro del java, o antes en head??

Avatar Image
Moderador
Moderador
#6•

va entre <head> y </head> y lo que se me ocurre que debes hacer es lo siguiente.

Una tabla en cuyos extremos pones las imagenes de los costados. Esa tabla deberá tener tantas celdas como enlaces quieras.

Otra manera es una tabla de tres columnas un fila, en las columnas de los extremos pones las imagenes y en la del medio pones otra tabla con el scrip.

No te compliques si el ejemplo es vertical, pon solo una celda que divides en tantas columnas como quieras.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados
#7•

okas te entiendo, pero viste mi menu, que corre para los costados con las imagenes... no se podria hacer ahi, agregandolo en a href de un link, entonecs se cambia el fondo de la palabra...
me explico?

Avatar Image
Machacateclados
Machacateclados
#8•

bueno gracias....no me di cuenta de algo, bueno la cosa es que ya llege a lo que queria respecto al background... ahora... como lo meto a mi menu?? porque lo pongo como si fuee un contenido normal y no anda... da u n error... mira checha este url que tengo algunas cosas un poco mas explicadas menu
gracias

Avatar Image
Machacateclados
Machacateclados
#9•

te hago la pregunta desde otra forma... como pongo 2 tablas, una al lado de la otra, para poder terminar el menu=??
porfavor contesta!

Avatar Image
Moderador
Moderador
#10•

creas una tabla con de una fila con tres columnas , y en las columnas laterasles pones las otras tablas.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados
#11•

lo hice, pero no puedo meter tablas al java....

Avatar Image
Moderador
Moderador
#12•

No puedes hacer que???

Veamos el codigo va así entre <head> y </head>

Codigo:
<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
</script>


y luego el codigo de la tabla

Codigo:
<TABLE width="250">
<TBODY>
<TR>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=46 bgColor=#475b70 height=12>
<a href="javascript:">
<font face="Verdana" size="1" color="#FFFFFF">
<span style="text-decoration: none">Enlace 1</span></font></a></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=37 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 3</font></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=37 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 3</font></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=37 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 4</font></TD>
<TD onmouseover="mOvr(this,'#729233');"
style="PADDING-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#475B70');"
vAlign=center width=46 bgColor=#475b70 height=12>
<font face="Verdana" size="1" color="#FFFFFF">Enlace 5</font></TD></TR>
</TBODY></TABLE>


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados
#13••

es que lo quiero meter en este menu


<script type="text/javascript">
//configure path for left and right arrows
var goleftimage='pointer2.gif'
var gorightimage='pointer.gif'
//configure menu width (in px):
var menuwidth=300
//configure menu height (in px):
var menuheight=25
//Specify scroll buttons directions ("normal" or "reverse&quot:
var scrolldir="normal"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a href="index.php" >Home</a> | <a href="mensajes/mensajes.php">Mensajes</a> | <a href="fotos.php">Fotos</a>[<a href="tusfotos.php">Tus Fotos</a>-<a href="fotos.php">Albumes</a>] | <a href="nosotros.php">Nosotros</a> | <a href="downloads.php">Downloads</a> | <a href="chat.php">Chat</a> | <a href="vinculos.php">Vínculos</a></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse&quot{
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2&quot : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp&quot.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}


if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="2">')
write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
write('<td width="'+menuwidth+'px" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}

</script>


que lo puedes ver funcionar en http:\\webloslouse.webcindario.com/menu.php
gracias
DIGANME SI EL URL ESTA MAL!!!!
Avatar Image
Foro por via intravenosa
Foro por via intravenosa
#14•

Busca aqui tu menu:
http://jbuscador.com/

AnteriorSiguienteArriba
Responder
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
menu switch java
Por: , el 01/May/2012, 22:24
marisolCalvillo02kMay/12