Bienvenido: ( Identificarse | Registrarse )      
Foros de Trucos Windows
Closed TopicStart new topicStart Poll

Outline · [ Estándar ] · Lineal+

> BOTONES ACTIVABLES, ¿como hago que se quede pulsado?

molavarria
post Jun 5 2005, 03:19 PM
Publicado: #1


Miembro Avanzado
***

Grupo: Members
Mensajes: 68
Registrado: 20-June 04
Miembro nº: 2.702



Hola !

Otra duda sad.gif

Tengo unos botones activables en mi pagina , cuando se pasa el cursor por encima los he puesto para k se les cambie el color. ¿como puedo hacer q este color permanezca cuando se ha pinchado el botón?

Es decir si, yo tengo 3 botones con hipervinculos de 3 paginas diferentes, quiero que se quede como "activado" el botón de la página en la que estoy.(Uso Frontpage)

Entendeis cual es mi pregunta? Es que no sé como explicarlo mejor... !

Gracias otra vez !

Marta flowers.gif


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
AngeduCiel
post Jun 5 2005, 08:34 PM
Publicado: #2


Orgullo de ser Politécnico
Group Icon

Grupo: Miembros Vitalicios
Mensajes: 1.053
Registrado: 1-October 04
Desde: México - Distrito Federal
Miembro nº: 22.453



Lo puedes hacer asi:

Colocando estos estos valores en la etiqueta body

CODE
<body link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">


link= no ha sido utilizado
alink= con el cursor encima de el
vlink= link que ha sido visitado

Al hacer eso todos los links de tu web tendran esos valores.

=================

Si lo que deseas es que solo los botones tengan esos valores podriass que hacerlo con Hojas de estilo CSS, así:

Este seria el estilo:
CODE
<style type="text/css">
<!--
a.boton:link {
font-family: Tahoma;
color: red;
}
a.boton:hover {
font-family: Tahoma;
color: Aqua;
}
a.boton:visited {
font-family: Tahoma;
color: Yellow;
}
-->
</style>


a.boton:link = no ha sido utilizado (estara en color red)
a.boton:hover = el cursor sobre el (cambia al color Aqua)
a.boton:visited = link que ya fue visitado (permanecera yellow)

Y al los links de los botones tendiras que ponerles la clase boton para que se aplique el estilo que quieres (class="boton"), de esta forma:

CODE

<a rel="nofollow" href="index.html" class="boton">INICIO</a>
<a rel="nofollow" href="galeria.html" class="boton">GALERIA</a>


El estilo tienes que colocarlo entre las etiquetas <head>, así:

CODE
<html>
<head>
<title></title>
</head>
<style type="text/css">
<!--
a:link {
font-family: Tahoma, Verdana, Arial;
color: red;
}
a:hover {
font-family: Tahoma, Verdana, Arial;
color: Aqua;
}
a:visited {
font-family: Tahoma, Verdana, Arial;
color: Yellow;
}
-->
</style>

<body>
<a rel="nofollow" href="index.html" class="boton">INICIO</a>
</body>
</html>


Y si no le entendiste bien, pega el código que tienes y te digo como hacerlo biggrin20jy.gif

Saludos bye1.gif bye1.gif bye1.gif bye1.gif bye1.gif


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
molavarria
post Jun 5 2005, 10:53 PM
Publicado: #3


Miembro Avanzado
***

Grupo: Members
Mensajes: 68
Registrado: 20-June 04
Miembro nº: 2.702



wacko.gif whistling.gif ups un fallo! blink.gif (No sé como eliminar este mensaje, sorry)


User is offlineProfile CardPM
Go to the top of the page
+Quote Post
molavarria
post Jun 5 2005, 10:58 PM
Publicado: #4


Miembro Avanzado
***

Grupo: Members
Mensajes: 68
Registrado: 20-June 04
Miembro nº: 2.702



Hola !

Gracias por tu respuesta. Pero siento decirte que no me ha quedado muy claro.... unsure.gif

Te pego el codigo de los botones que quiero q se queden marcados cuando estan siendo visitados , ok?
Te agradeceria me dijeses como modificar uno. Ya modifico yo el resto.
Ahi van :

CODE


<applet code="fphover.class" codebase="./" width="132" height="27">
 <param name="color" value="#666600">
 <param name="fontstyle" value="bold">
 <param name="fontsize" value="14">
 <param name="textcolor" value="#000080">
 <param name="font" value="TimesRoman">
 <param name="bgcolor" value="#F1F1E2">
 <param name="image" valuetype="ref" value="_borders/paloLARGOROJO.gif">
 <param name="text" value="INICIO">
 <param name="url" valuetype="ref" value="index.htm">
 <param name="hovercolor" value="#FF0000">
 <param name="effect" value="glow">
 <param name="hoverimage" valuetype="ref" value="_borders/paloLARGOROJO_SOMBRA.gif">
</applet><applet code="fphover.class" codebase="./" width="133" height="28">
 <param name="text" value="CATALOGO">
 <param name="url" valuetype="ref" value="CATALOGO%20de%20disfraces.htm">
 <param name="color" value="#666600">
 <param name="fontstyle" value="bold">
 <param name="fontsize" value="14">
 <param name="textcolor" value="#000080">
 <param name="font" value="TimesRoman">
 <param name="bgcolor" value="#F1F1E2">
 <param name="effect" value="glow">
 <param name="image" valuetype="ref" value="_borders/PALOLARGOAZUK.gif">
 <param name="hovercolor" value="#66CCFF">
 <param name="hoverimage" valuetype="ref" value="_borders/PALOLARGOAZUKSOMBRA.gif">
</applet><applet code="fphover.class" codebase="./" width="130" height="28">
 <param name="color" value="#666600">
 <param name="textcolor" value="#000080">
 <param name="fontstyle" value="bold">
 <param name="fontsize" value="14">
 <param name="font" value="TimesRoman">
 <param name="bgcolor" value="#F1F1E2">
 <param name="hovercolor" value="#FFFF99">
 <param name="image" valuetype="ref" value="_borders/paloLARGOamarillo.gif">
 <param name="text" value="LOCALIZACION">
 <param name="url" valuetype="ref" value="LOCALIZACION.htm">
 <param name="effect" value="glow">
 <param name="hoverimage" valuetype="ref" value="_borders/paloLARGOamarilloSOMBRA.gif">
</applet><applet code="fphover.class" codebase="./" width="132" height="28">
 <param name="text" value="CONTACTO">
 <param name="url" valuetype="ref" value="CONTACTO.htm">
 <param name="color" value="#666600">
 <param name="textcolor" value="#000080">
 <param name="font" value="TimesRoman">
 <param name="fontstyle" value="bold">
 <param name="fontsize" value="14">
 <param name="bgcolor" value="#F1F1E2">
 <param name="image" valuetype="ref" value="_borders/paloLARGOverde.gif">
 <param name="hovercolor" value="#00FF00">
 <param name="effect" value="glow">
 <param name="hoverimage" valuetype="ref" value="_borders/paloLARGOverdeSOMBRA.gif">
</applet><applet code="fphover.class" codebase="./" width="132" height="29">
 <param name="textcolor" value="#000080">
 <param name="fontstyle" value="bold">
 <param name="fontsize" value="14">
 <param name="font" value="TimesRoman">
 <param name="color" value="#CCFF99">
 <param name="bgcolor" value="#F1F1E2">
 <param name="effect" value="glow">
 <param name="image" valuetype="ref" value="_borders/paloLARGOFUXIA.gif">
 <param name="text" value="NAVIDADES">
 <param name="url" valuetype="ref" value="NAVIDADES.htm">
 <param name="hovercolor" value="#800080">
 <param name="hoverimage" valuetype="ref" value="_borders/paloLARGOFUXIASOMBRA.gif">
</applet></b></p>
 



La imagen que quiero que se ponga para indicar que esta siendo visitado es la que termina por "XXXSOMBRA.gif ""


Muchas gracias y a la espera de tu respuesta. Buenas noches ,


Marta
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

 
Closed TopicTopic OptionsStart new topic

Collapse

> Topicos similares

Intercambio de botones y ventanas inactivas Golumm 170 18 Dec 21 2008, 12:31 PM
By: Caito
botones & funciones FranGK 154 12 Nov 30 2008, 02:01 AM
By: FranGK
se buscan botones flash (supongo que flash) par ... jerythree 129 0 Nov 5 2008, 03:58 PM
By: jerythree
Configurar botones extra del raton ddpp 154 0 Jun 28 2008, 10:19 PM
By: ddpp
botones en barra de tareas chusfc 942 7 Nov 27 2007, 12:57 AM
By: roger.cruz