Username:

Password:

Páginas: [1]   Ir Abajo
  Imprimir  
Autor Tema: Cambio de estilo al pasar el mouse en el nombre de perfil  (Leído 5168 veces)
dunkelheit
Sr. Member
****

Credibilidad: 48
Desconectado Desconectado

Peru Peru

Mensajes: 445


Se hace lo que se puede


Ver Perfil WWW
« : Noviembre 03, 2008, 03:47:50 »

CAMBIO DE ESTILO AL PASAR EL MOUSE EN EL NOMBRE DE PERFIL
 (EFECTO HOVER )

Este efecto consiste en que al pasar el mouse donde esta tu nombre de perfil cambia automaticamente de fondo, variar el tipo de letra, el tamaño de la letra, el color de la letra,etc.

Ejemplo
Antes de pasar el mouse

Despues de pasar el mouse

#profile-name:hover { background-image: url(direccion) ; } // Nuevo Fondo

#profile-name:hover
{color: #FFFFFF} //Color del texto

#profile-name:hover {text-decoration: underline;} // Decoracion del texto -Subrayado

Puedes elegir otro tipo de decoracion : overline = linea arriba , line-through = tachado , blink = parpadeo , none= ninguno

#profile-name:hover {letter-spacing: 0.2cm} // Separacion de las letras

#profile-name:hover {font-weight: bold} //peso de la fuente (grosor)

Puedes elegir otro tipo de grosor :bolder y lighter

#profile-name:hover{font-family: Arial;} // tipo de letra

Puedes elegir otro tipo:

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Compactando a un solo codigo:

Citar
<style type='text/css'>
#profile-name:hover { background-image: url(aqui va la direccion de la imagen) ; color: #FFFFFF ; text-decoration: underline ; letter-spacing: 0.2cm; font-weight: bold;font-family: Arial;}</style>


Espero que hayan comprendido. Cualquier duda postearla.
« Última modificación: Enero 02, 2009, 02:26:13 por dunkelheit » En línea

Hi5 Publico: http://johnpi.hi5.com

LAS CANCIONES MAS ESCUCHADAS

Barb Taiii
Global Moderator
Hero Member
*****

Credibilidad: 128
Desconectado Desconectado

Puerto Rico Puerto Rico

Mensajes: 1403



Ver Perfil WWW
« Respuesta #1 : Diciembre 17, 2008, 02:15:52 »

Hola:

Este código me gusta mucho, pero creo que también se puede ver en IExplorer 7, en las versiones viejas no.

 grin
En línea

"We are an Empire ruled by the majority! An Empire ruled by a new Constitution! An Empire of laws, not of politicians! An Empire devoted to the preservation of a just society. Of a safe and secure society! We are an Empire that will stand for ten thousand years!" ―Palpatine
dunkelheit
Sr. Member
****

Credibilidad: 48
Desconectado Desconectado

Peru Peru

Mensajes: 445


Se hace lo que se puede


Ver Perfil WWW
« Respuesta #2 : Diciembre 17, 2008, 04:19:31 »

jojojo tal como dices funciona a partir de IE 7

yo ponia eso porque solo uso firefox 2 y IE 6,

saluditos!!
En línea

Hi5 Publico: http://johnpi.hi5.com

LAS CANCIONES MAS ESCUCHADAS

mishell_1801
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Mensajes: 48


gracias por su aporte y ayuda


Ver Perfil
« Respuesta #3 : Enero 03, 2009, 09:49:20 »

que buenísimo esta este tema gracias por compartirlo
« Última modificación: Marzo 15, 2009, 01:41:09 por ?[Aks]? » En línea

TheFakeAngel
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Peru Peru

Mensajes: 15


Ver Perfil
« Respuesta #4 : Enero 05, 2009, 06:37:48 »

pregunta?
este codigo choca con el truco de aumentar visitas?

o funciona normal?
« Última modificación: Marzo 15, 2009, 01:42:01 por ?[Aks]? » En línea
ro0ckeriito0
Visitante
« Respuesta #5 : Enero 07, 2009, 08:30:40 »

Hola!
esta padrísimo
cuidate!
« Última modificación: Marzo 15, 2009, 01:42:43 por ?[Aks]? » En línea
☆★иiidнëliiciiöüz★☆
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Mexico Mexico

Mensajes: 45


röbärön mii cönträseñä x___X


Ver Perfil
« Respuesta #6 : Enero 22, 2009, 11:06:38 »

Si, buenísimo efecto!
« Última modificación: Marzo 15, 2009, 01:43:24 por ?[Aks]? » En línea
【1zuxpiro】
Jr. Member
**

Credibilidad: 0
Desconectado Desconectado

Mexico Mexico

Mensajes: 61


Ver Perfil WWW
« Respuesta #7 : Febrero 07, 2009, 09:09:54 »

esta bueno ehhh shocked
En línea

zkem9
Newbie
*

Credibilidad: 0
Desconectado Desconectado

Guatemala Guatemala

Mensajes: 17


ITS MEE.! SO C@FFE!


Ver Perfil WWW
« Respuesta #8 : Marzo 15, 2009, 01:25:46 »

que cute gracias
« Última modificación: Marzo 15, 2009, 01:36:21 por ?[Aks]? » En línea

▀▀▀█ ▀▀▀█
lOve тнe life yOu live & live тнe life yOu lOve

Holaa.! Visita mii Hi5! =)
Páginas: [1]   Ir Arriba
  Imprimir  
 
Ir a:  

CSSDIRE Menu
  Checa lo Nuevo!!!
     Twitter
     Informatica
  Batallas
     (H) Batallas
     (MS) Batallas
     (D) Batallas Individuales
  Ultimo Tutorial
     (Ps) Fotos HDR
  Complementos (D)
     (Ps) efecto glossy
Ultimos Mensajes
[Septiembre 01, 2010, 09:26:45 ]

[Septiembre 01, 2010, 09:23:22 ]

[Septiembre 01, 2010, 08:33:52 ]

[Septiembre 01, 2010, 08:20:55 ]

[Septiembre 01, 2010, 03:15:38 ]

[Agosto 31, 2010, 09:26:33 ]

[Agosto 31, 2010, 05:54:40 ]
Top Reputacion
Estadistica
Usuarios
Total de Usuarios: 4822
Anteriores: rosalbaqwe
Nuevos este mes: 55
Esta Semana: 23
Hoy: 6
Estadisticas
Total de Mensajes: 22370
Total de Temas: 3052
Conectados hoy: 49
Online total: 126
(Septiembre 10, 2009, 05:22:25 )
Usuarios en Línea
Usuario: 0
Visitantes: 32
Total: 32


Siguenos en Twitter
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
TinyPortal v0.9.8 © Bloc | DarkBreak by DzinerStudio
Página creada en 0.178 segundos con 24 consultas.