• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Truco aumentar tamaño de avatar y redimensionarlo desde extra css

lenin

XenForoUser
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
bueno como sabran los avatares en XenForo por default es de 92 x92
bueno pero se puede cambiar el tamaño pero el problema es que el tamaño es demasiado grande,
entonces para poder corregir eso tenes que irnos a extra.css como hacerlos ps facil..

en message_user_info buscan

Insertar CODE, HTML o PHP:
<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="m" />
<!-- slot: message_user_info_avatar -->
</div>

lo reemplazan por

Insertar CODE, HTML o PHP:
<div class="avatarHolder">
<span class="helper"></span>
<xen:avatar user="$user" size="l" />
<!-- slot: message_user_info_avatar -->
</div>
esto les creará un avatar exageradamente grande de 192px por 192,
bueno luego yo hice lo siguiente...
en propiedades de estylo /diseño de mensaje /info de usuario cambian el ancho default de 124px por el que ustedes deseen
no esta de menos pasar por contenedor de contenido en donde dice izquierda dar un margen adecuado.. yo utilize 226px.
bueno luego vamos a extra.css

agregan:

PHP:
.avatar .img.l {
  height:170px !important; //nota el 170 lo cambian por el tamaño que deseen en su avatar
  width:170px !important; // pueden variar  el tamaño pero recomiendo usar paramatros idénticos ya sea para vertical como horizontal
}

el siguiente codigo es para alinear el avatar al "posbit" no es necesario, salvo que necesiten alinear el avatar
PHP:
.avatar img, .avatar .img, .avatarCropper {
  margin-left:9px !important; //los que mas utilizaran son margin-left, margin-top, y en rara ocacion margin-right
  margin-top:12px !important;
}
// esto puede vaariar dependiendo el tamaño y la posicion actual de el avatar.
de lo ultimo que hay por hacer es ordenar todo lo que tiene el postbit de la antigua configuración a la nueva configuración...
demo: http://www.kpumco.com/foro/threads/reglamento-general.302/

si ven un poco medio bien descuadrado el "posbit" es por que lo acabo de hacer y tengo que ordenar todo al tamaño nuevo
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Se agradece el tutorial, sobre todo aquellos que "anden" tocando el estilo.

Salud2
 

Karlo

XenForoUser
Mensajes
28
Puntuación de reacciones
0
Puntos
1
Sitio web
www.swilib.com
País
España
Versión de XenForo
Página web
Web
Este tuto se puede utilizar con el tema de xenfacil ? realmente solo quiero aumentar el Avatar en los temas ya que son muy pequeños, si es asi me podeis decir como ?.
Gracias
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Es una modificación fácil que debe de funcionar correctamente. El que lo haga desde dentro de un complemento, supone tocar el complemento.

Salud2
 
Arriba