Comunidad de diseño web y desarrollo en internet online

Cambio de imagen

Citar            
MensajeEscrito el 30 Mar 2006 12:02 pm
Hola buenas.

Os comento el problema. He construido un menu en horizontal con listas y cada uno de los elementos tiene una imagen de fondo que es el boton con el texto ya incluido en la imagen.

como puedo hacer para que pasando el raton por encima cargue otra imagen y hasta que no pichen
en otra pestaña no cargue el estado anterior.

Gracias y un saludo.

Por ktavir

21 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Mar 2006 02:19 pm

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 30 Mar 2006 02:57 pm
si lo que quieres hacer es que le boton quede "presionado" dependiendo de en que seccion estes, es decir, si vas a portafolio que quede la imagen de "presionado" y si despues vas a inicio, portafolio vuevla a su estado normal y se marque inicio como "presionado", si es eso, yo lo hice en mi blog pero no uso imagenes, solo uso en los estilos una clase "selected" y el php me coloca en esa clase el boton de la pagina que este navegando.

La verdad mas de alli no se en que pueda ayudarte.
Saludos

Por Prozac

SWAT Team

1546 de clabLevel

1 tutorial

Genero:Masculino   SWAT

donde se regresa el viento

firefox
Citar            
MensajeEscrito el 30 Mar 2006 03:37 pm
Sé puede, haciendo una función en PHP en el que mediante una variable indiques en que página/sección estas y de allí partas para darle estilo. NO es la mejor opción, pero se puede si es que POR FUERZA debes usar imágenes. En caso contrario, la mejor opción es con las listas que ya te recomendaron.

Éxito!

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 30 Mar 2006 04:00 pm

Código :

<ul>
  <li class="active"><a href="#">link1</a></li>
  <li><a href="#">link2</a></li>
  <li><a href="#">link3</a></li>
</ul>

Código :

.active a { background-color: red; }


¿Esto?

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 30 Mar 2006 04:40 pm

the_OLD_JP escribió:

Código :

<ul>
  <li class="active"><a href="#">link1</a></li>
  <li><a href="#">link2</a></li>
  <li><a href="#">link3</a></li>
</ul>

Código :

.active a { background-color: red; }


¿Esto?
Claro.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 30 Mar 2006 05:08 pm
De paso dale al estilo "activado" esto:

Código :

cursor:default

Asi parecera que no hay enlace :)

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 30 Mar 2006 09:43 pm
Yo hice algo similar a lo que propone di old yei pi, para un caso así. :D

Me basé en el tuto de crear menues con listas para hacer un rollover con imágenes, y usé, cuando quería que quede seleccionado uno específico un

Código :

background-position:bottom;


para forzarlo a que siempre muestre el estado de seleccionado, y le saqué el link, para que no quede la manito.

Por Elke

321 de clabLevel



 

La Ciudad de la Furia

firefox
Citar            
MensajeEscrito el 30 Mar 2006 10:53 pm
Jeje, pues cosa de imaginación digo yo.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.