Foro de Soporte de WwW.ForoGratis.ES - Presentación de avatares con anchura limitada : Varios

Presentación de avatares con anchura limitada

Moderadores: Equipo de Soporte, Equipo Comercial, Moderadores

Página 1 de 1

[ 3 mensajes ]

Tema previo | Siguiente tema

Presentación de avatares con anchura limitada

Autor

Mensaje

javiexin

Forero Fijo

Registrado: 05-01-2008, 17:03
Mensajes: 688

Presentación de avatares con anchura limitada

Hola,

En este tutorial presento la forma de hacer que todos los avatares de los usuarios mostrados en los mensajes sean de una anchura máxima determinada. Esto ayuda a que la presentación de determinados estilos sea mejor, porque así la zona de avatares es siempre del mismo tamaño, y sin "entradas y salidas". Además, se mejora la uniformidad del foro.

Los avatares que se usan son los subidos por los usuarios, sin modificación, o los que se han enlazado como url externa. Sólo se cambia la presentación, haciendo que el tamaño presentado sea distinto.

En mi caso, he limitado la anchura a 150px. Evidentemente, eso es a gusto del usuario...

Ahí van los cambios (NOTA: Probado en prosilver, otros estilos pueden variar ligeramente):

Ir a Panel de Administración -> Estilos -> Plantillas -> (tu estilo) -> Editar

Seleccionar el fichero viewtopic_body.html

Buscar:


	Código: <!-- IF postrow.POSTER_AVATAR --> <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br /> <!-- ENDIF -->

Reemplazar por:


	Código: <!-- IF postrow.POSTER_AVATAR --> <div id="avatar"><!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --></div><br /> <!-- ENDIF -->

Guardar cambios.

Ahora, seleccionar el fichero overall_header.html

Buscar:


	Código: <!-- INCLUDE gallery/plugins_header.html -->

Insertar antes de ese código lo siguiente:


	Código: <script> window.onload = resizeavatar; function resizeavatar() { if (document.getElementsByTagName) { for (i=0; i<document.getElementsByTagName('img').length; i++) { im = document.getElementsByTagName('img')[i]; if (im.parentNode.parentNode.id=="avatar") { if (im.width > 150) { newheight = 150 * im.height / im.width im.style.height = newheight + 'px' im.style.width = '150px' } } } } } </script>

Limpiar la caché, y listo.

Si se quiere hacer otra modificación de tamaño del avatar, basta hacerla en el código presentado. Por ejemplo, para forzar un tamaño exacto para todos los avatares, o para forzar la altura máxima, permitir el cambio de aspecto (relación alto/ancho), etc.

Una cosa más: el redimensionado se hace después de finalizar la carga de la página, por lo que durante el periodo de carga pueden aparecer los avatares en su tamaño original.

Espero que sea de utilidad, saludos,
-javiexin
http://exin.forogratis.es

PD: Si se resuelve esta pregunta: acceso-campos-personalizados-desde-plantillas-t31150.html, se podría hacer que la anchura fuera configurable por usuario.

_________________
http://www.exincastillos.es

08-28-2009, 22:06

javiexin

Forero Fijo

Registrado: 05-01-2008, 17:03
Mensajes: 688

Re: [Tutorial] Presentación de avatares con anchura limitada

Bueno, pues para completar el tutorial, también se puede hacer que los avatares se ajusten en tamaño cuando se están leyendo los Mensajes Privados.

Recuerdo que esto sólo vale para estilos basados en prosilver.

Para ello hay que modificar la plantilla ucp_pm_viewmessage.html. Ahí hay que hacer lo siguiente.

Buscar:


	Código: <dt><!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}">{AUTHOR_AVATAR}</a><br /><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>

Reemplazar por:


	Código: <dt><!-- IF AUTHOR_AVATAR --><div id="avatar"><a href="{U_MESSAGE_AUTHOR}">{AUTHOR_AVATAR}</a></div><br /><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>

Y ya está...

Recuerdo que para que esto funcione, se tiene que hacer ADEMÁS de lo que se indica en el primer mensaje de este mismo hilo.

Saludos,
-javiexin

_________________
http://www.exincastillos.es

10-31-2009, 17:29

AndresGL

Forero Fijo

Registrado: 12-15-2008, 10:31
Mensajes: 1602
Ubicación: ¬¬

Re: [Tutorial] Presentación de avatares con anchura limitada

Gracias javiexin por el aporte 8-)

Salu2"

_________________

Envía SMS Gratis desde:

HOTsms.com registrarte aquí

SMScity.com registrate aquí

GANA dinero Gratis entrando AQUÏ

10-31-2009, 17:33

Página 1 de 1

[ 3 mensajes ]

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.086s | 11 Queries | GZIP : Off ]