« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: Ayuda - Subrayar al pasar el ratón por encima  (Leído 1645 veces)

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Ayuda - Subrayar al pasar el ratón por encima
« en: 08 de Agosto de 2011, 22:21:22 pm »
Hola a tod@s.
He creado este codigo para poner sombra en las letras.
El problema es que yo quiero que al pasar el raton se me ponga la sombra, y al no pasarlo me salgan las letras normales y corrientes.

Citar
.azul li{
   margin: 0 12px;
   font-weight: bold;
   color: #999;
   text-shadow: 0 1px 0 #FFF;
   line-height: 34px;
   float: right;
}



¿Alguien sabe?
¡GRACIAS!
En línea

Comunidad PHPeros

Ayuda - Subrayar al pasar el ratón por encima
« en: 08 de Agosto de 2011, 22:21:22 pm »

Desconectado ilovepixel

  • PHPer@ Fijo
  • ***
  • Mensajes: 149
  • Karma: 9
  • Sexo: Masculino
  • Game Artist & Developer
    • Ver Perfil
    • i ■ pixel
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #1 en: 08 de Agosto de 2011, 22:38:11 pm »
Código: [Seleccionar]
.azul li a{
   margin: 0 12px;
   font-weight: bold;
   color: #999;
   line-height: 34px;
   float: right;
}

.azul li a:hover{
   margin: 0 12px;
   font-weight: bold;
   color: #999;
   text-shadow: 0 1px 0 #FFF;
   line-height: 34px;
   float: right;
}

El primero debería ser como quieres que se vea como vinculo, y el de abajo es cuando pasas el mouse.
Creo que funciona jaja.
En línea

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #2 en: 08 de Agosto de 2011, 22:40:47 pm »
Cita de: ilovepixel en 08 de Agosto de 2011, 22:38:11 pm
Código: [Seleccionar]
.azul li a{
   margin: 0 12px;
   font-weight: bold;
   color: #999;
   line-height: 34px;
   float: right;
}

.azul li a:hover{
   margin: 0 12px;
   font-weight: bold;
   color: #999;
   text-shadow: 0 1px 0 #FFF;
   line-height: 34px;
   float: right;
}

El primero debería ser como quieres que se vea como vinculo, y el de abajo es cuando pasas el mouse.
Creo que funciona jaja.

Me parece que estas equivocado, la manera correcta seria usando text-decoration en underline al momento del hover
Ejemplo
.lala:hover {
text-decoration:underline;
}

Saludos.
En línea
Twitter: @JoakoM010

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #3 en: 08 de Agosto de 2011, 22:43:38 pm »
Así no me sirve
Yo lo que querría es:

- Al pasar el mouse que haga sombra
- Al ponerle link que no se me haga azul si no de el estilo CSS (por que acabo de comprobar que si pongo un link se va el efecto del CSS y se me pone en AZUL sin subrayar).

¡Saludos!
En línea

Desconectado ilovepixel

  • PHPer@ Fijo
  • ***
  • Mensajes: 149
  • Karma: 9
  • Sexo: Masculino
  • Game Artist & Developer
    • Ver Perfil
    • i ■ pixel
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #4 en: 08 de Agosto de 2011, 23:11:21 pm »
jaja me equivoque en el hover

lo unico que necesitas agregar es

Código: [Seleccionar]

.azul li:hover
{
      text-shadow: 0 1px 0 #FFF;
}


al menos así me funciono.
En línea

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #5 en: 08 de Agosto de 2011, 23:13:34 pm »
Epic, lei mal la cosa, pensé que preguntabas por subrayado.
En línea
Twitter: @JoakoM010

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #6 en: 09 de Agosto de 2011, 00:14:37 am »
Gracias, ahora tengo otra duda, he añadido esto:

Citar
a:hover {
   text-decoration: none;
}
a {
   text-decoration: none;
}


Y cuando pongo un link:

<li><a href="index.php">REGISTRATE</a></li>, me sale en azul.



Y yo quiero que me salga asi:


Tal y como estaria si no tubiera el link.
En línea

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Ayuda - Subrayar al pasar el ratón por encima
« Respuesta #7 en: 09 de Agosto de 2011, 00:35:06 am »
prueba a poner al principio del documento:
a {
color: inherit;
}

Eso haría que todos los links heredaran el color, vamos, que debería coger el color del resto de LIs.
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »