Topic: Efecto en Avatar

October 04, 2011 - 04:34 16:34

Bueno el efecto es el siguiente:

es muy sencillo pero me gusto y se hace en css comenzemos.
Buscan en su Display.template.php esto:

								<li class="avatar">
									<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
										', $message['member']['avatar']['image'], '
									</a>
								</li>

y remplazan por esto:

Code: [Select]

								<li class="image-avatar">
									<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
										', $message['member']['avatar']['image'], '
									</a>
								</li>

y despues agrean esto al final de su index.css del theme que usen:

Code: [Select]

.image-avatar img{
-webkit-transform:scale(1); 
-moz-transform:scale(1); 
-o-transform:scale(1); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-o-transition-duration: 0.5s; 
}


.image-avatar img:hover{
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2); 
-o-transform:scale(1.2);
-moz-box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
-webkit-box-shadow: -1px -1px 6px rgb(132, 132, 132), -1px 1px 6px rgb(132, 132, 132), 1px -1px 6px rgb(132, 132, 132), 1px 1px 6px rgb(132, 132, 132);
}

**Reply #1** October 04, 2011 - 05:09 17:09

Sería bueno dar un ancho y largo fijos para los avatares en éste tip, asi evitas sobre salidas de las celdas.

Saludos.

**Reply #2** October 04, 2011 - 06:11 18:11

Buen aporte!

**Reply #3** October 04, 2011 - 06:18 18:18

muchas gracias por el aporte

**Reply #4** October 19, 2011 - 09:11 21:11

Gracias muy buen aporte !!!! Me asusto cuando vi lo vacan que queda....

Para que me funcionara tube que poner el codigo del css en el default y en mi tema.

**Reply #5** October 20, 2011 - 03:56 15:56

No entiendo para que modificar el Display.template.php si es el mismo codigo

**Reply #6** October 23, 2011 - 08:16 20:16

has un tutorial de como poner activiti bar
para 2.0 rc5
theme: fresh
Me ayudas?

**Reply #7** October 23, 2011 - 08:23 20:23

si necesitas soporte por favor haz un nuevo tema en la seccion Soporte General SMF

saludos

**Reply #8** October 24, 2011 - 05:25 05:25

Quote from: Cesar on October 23, 2011 - 08:23 20:23

si necesitas soporte por favor haz un nuevo tema en la seccion Soporte General SMF
saludos

ok grasias

**Reply #9** November 05, 2011 - 08:32 20:32

buen tuto, pero es cierto lo del index.template

es el mismo codigo en los 2 cuadros. no hay necesidad de modificarlo XD.

saludos

**Reply #10** January 09, 2012 - 09:22 21:22

cambia en la primera linea e.e

**Reply #11** January 29, 2012 - 03:15 15:15

Se ve bueno el mod

**Reply #12** February 14, 2012 - 11:11 23:11

paresia bueno pero a mi me dio un error cada ves que quiero entrar al post me dice que el error es Display.template.php

Efecto en Avatar