Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 3 mensajes ] 
Presentación de avatares con anchura limitada 
Autor Mensaje
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 05-01-2008, 17:03
Mensajes: 688
Nota 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
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 05-01-2008, 17:03
Mensajes: 688
Nota 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
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 12-15-2008, 10:31
Mensajes: 1602
Ubicación: ¬¬
Nota 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Ï


Imagen


10-31-2009, 17:33
Perfil
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 3 mensajes ] 

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados


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:  
cron
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.082s | 13 Queries | GZIP : Off ]