Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Solucionado [CONSULTA] Efecto de avatar cuando se le pone el cursor encima.
#1
Hola chicos,
quería consultarles sobre el efecto de avatar que tiene el foro.
Quisiera ponerlo en mi foro también porque se ve genial .

Dejar el link del tutorial si esque publicaron aquí y no lo llegué a encontrar
Dejo la imagen de lo que les menciono.

[Imagen: zLZ8WZz.png]

verán que la imagen es pequeña y al colocar el cursor encima este empieza a girar y aumentar su tamaño.

Gracias!
#2
El efecto que utiliza está sujeto a :hover que es cuando pones el cursor por encima su css es:

Código:
.postbitavatar img:hover {
        -webkit-box-shadow: 1px 1px 10px #aaa;
        -moz-box-shadow: 1px 1px 10px #aaa;
        box-shadow: 1px 1px 10px #aaa;
        -webkit-transform:rotate(720deg) scale(2,2);
        -moz-transform:rotate(720deg) scale(2,2);
        -o-transform:rotate(720deg) scale(2,2);
        -ms-transform:rotate(720deg) scale(2,2);
        transform:rotate(720deg) scale(2,2);
}


No sé si deberás adaptarlo si no se llama igual en tu plantilla de tu foro si no te sirve poniendo ese css se puede revisar como lo llaman en tu plantilla y adaptarse a ese nombre.

Por lo general te debería servir.
WWW
#3
¿cómo ubico dónde colocarlo?

uso el theme Jormungand.
#4
Panel de Admin » Estilos y plantillas » Buscas el nombre de tu estilo y le das » global.css » lo metes dentro de ahí.
WWW
#5
No hizo el cambio.
Esto es lo que encontré:

Código:
.avatarpostbit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 2px;
    padding: 3px;
}

.avatarpostbit:hover {
    background: none repeat scroll 0 0 #E4E4E4;
    border: 1px solid #AAAAAA;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

thead:hover .probando {
    opacity: 1;
}

thead:hover .poput {
    display: block;
}
#6
Déjame tu web que revise el css.
WWW
#7
este es.

[edit] Foro externo a skylium[/edit]
#8
Pues según veo seria en uno de los que nombrastes exactamente en .avatarpostbit:hover deberías meter el css.
WWW
#9
No estanto eso olvidaste que hay que agregar el class en el html
WWW
#10
(11-07-2014, 12:24 AM)Dark_Soul escribió: No estanto eso olvidaste que hay que agregar el class en el html

Ya estaba definido el class en el.theme solo era cambiarle el hover del css
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Avatar new-infinit 6 236 31-07-2017, 09:22 PM
Último mensaje: Dark Neo
Pregunta Consulta sobre MyBB Axeleaker 5 284 21-02-2017, 04:40 PM
Último mensaje: brettavz
  Alguien el Tema [CONSULTA] zodiaco 1 253 04-04-2015, 09:29 AM
Último mensaje: llProKsll
  Solucionado: Foro Mybb no pone la firma de tapatalk. Napster 4 735 08-06-2014, 06:49 PM
Último mensaje: Napster
  Consulta Proportal celticslment 17 858 03-04-2014, 09:48 AM
Último mensaje: patrickvp
  [Tutorial] Efecto Nieve en mi foro. Dark Neo 2 591 11-12-2013, 09:14 PM
Último mensaje: Dark Neo
  Solucionado: Avatar por defecto fercol 6 600 18-07-2013, 01:40 AM
Último mensaje: AbaddonOrmuz
  Solucionado: Consulta TGService 31 2,380 16-11-2012, 02:34 PM
Último mensaje: TGService
  Solucionado: Pequeña Consulta TGService 2 525 16-11-2012, 12:50 PM
Último mensaje: Dark_Soul
  Solucionado: [Error] Al ejecutar consulta Leandro M. 0 540 16-09-2012, 10:37 PM
Último mensaje: Leandro M.



Usuarios navegando en este tema: 1 invitado(s)