Página 1 de 1

Poner un mouseover al avatar

Publicado: 14 Nov 2012, 23:10
por blame_coco
URL: http://areadetrabajo.comuv.com/
Versión phpBB: 3.0.11
MODs Instalados: ninguno
Plantilla(s) usada(s): Prosilver
Servidor: gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Me gustaría poder editar los avatares del foro, poniéndole un efecto mouseover cuando se pasa con el ratón por encima del avatar. Tengo el efecto pero no sé cómo tengo que introducirlo ni donde en los códigos.
Gracias!

Re: Poner un mouseover al avatar

Publicado: 15 Nov 2012, 16:12
por Alorse
Hola, para hacer tal cosa, primero hay que ponerle un ID o una clase, a la etiqueta img, donde se carga el avatar, para hacer tal cosa, abre el archivo includes/functions_display.php y al final del archivo, busca esta linea:

Código: Seleccionar todo

	return '<img src="' . (str_replace(' ', '%20', $avatar_img)) . '" width="' . $avatar_width . '" height="' . $avatar_height . '" alt="' . ((!empty($user->lang[$alt])) ? $user->lang[$alt] : $alt) . '" />';
agrégale la clase "topic_avatar", debe quedar así:

Código: Seleccionar todo

	return '<img src="' . (str_replace(' ', '%20', $avatar_img)) . '" width="' . $avatar_width . '" height="' . $avatar_height . '" class="topic_avatar" alt="' . ((!empty($user->lang[$alt])) ? $user->lang[$alt] : $alt) . '" />';
Luego de eso, abre el archivo theme/common.css de tu plantilla y al final agrega:

Código: Seleccionar todo

.topic_avatar:hover {

}
Y allí, pones el efecto.