Necesito cambiar el tamaño del usuario de 100x100 a 100x80 donde puede hacer esto en el codigo
En respuesta a juan ramon vasquez arancibia
Re: cambiar el tamaño de la foto del usuario
de Xavier Paz -
Se puede hacer mediante CSS modificando la clase userpicture.
.userpicture {
height: 100px;
width: 80px;
}
Hola Xavier,
Creo que eso no se puede.
La razón es que el tamaño viene "dentro" del código HTML de la propia imagen
y ahí no es posible hacer el "override" vía CSS.
O al menos ese es mi entender.
Por ejemplo, si entro a mi perfil del propio Moodle.org, veo esto:
<img class="userpicture" src="http://moodle.org/user/pix.php/.../f1.jpg" height="100" width="100" alt="..." />
Entonces yo creo que sí es por código el asunto, pero ayer lo intenté localizar
y no di con las malvadas líneas
Saludos
Creo que eso no se puede.
La razón es que el tamaño viene "dentro" del código HTML de la propia imagen
y ahí no es posible hacer el "override" vía CSS.
O al menos ese es mi entender.
Por ejemplo, si entro a mi perfil del propio Moodle.org, veo esto:
<img class="userpicture" src="http://moodle.org/user/pix.php/.../f1.jpg" height="100" width="100" alt="..." />
Entonces yo creo que sí es por código el asunto, pero ayer lo intenté localizar
y no di con las malvadas líneas
Saludos
Aún se puede hacer mediante CSS, el detalle es que hay más de una clase que hace referencia a la imagen del usuario. Para modificar el tamaño de la imagen que se muestra en el perfil del usuario, hay que añadir la siguiente modificación.
En cuanto a que lo establecido por el CSS prevalezca sobre lo que hay establecido por código HTML, no hay problema pues las hojas de estilo se cargan después de interpretar el código HTML, y por tanto, lo último que se cargó es lo que prevalece.
Lo acabo de probar en local y os puedo asegurar que funciona.
PD: la función que muestra la imagen del avatar es print_user_picture() y está en lib/weblib.php. En la línea 4523 conforma el HTML para mostrar la imagen y en la línea 4490 y siguientes es donde establece el tamaño de dicha imagen.
#user-edit .userpicture,
#user-view .userpicture {
height: 100px;
width: 80px;
}
En cuanto a que lo establecido por el CSS prevalezca sobre lo que hay establecido por código HTML, no hay problema pues las hojas de estilo se cargan después de interpretar el código HTML, y por tanto, lo último que se cargó es lo que prevalece.
Lo acabo de probar en local y os puedo asegurar que funciona.
PD: la función que muestra la imagen del avatar es print_user_picture() y está en lib/weblib.php. En la línea 4523 conforma el HTML para mostrar la imagen y en la línea 4490 y siguientes es donde establece el tamaño de dicha imagen.
En respuesta a Xavier Paz
Re: cambiar el tamaño de la foto del usuario
muchas gracias por sus respuestas, pero xavier donde se coloca el código que hay que agregar si es CSS, si me lo puedes aclarar porfa ya que no se ven bien los alumnos sin frente ja ja, gracias por su ayuda
En respuesta a juan ramon vasquez arancibia
Re: cambiar el tamaño de la foto del usuario
de Xavier Paz -
Se coloca en alguno de los archivos css del tema de apariencia que estés usando, preferiblemente al final del archivo.
Normalmente el css correcto suele ser el que contiene el término layout en el nombre del archivo (loquesea_layout.css)
Normalmente el css correcto suele ser el que contiene el término layout en el nombre del archivo (loquesea_layout.css)
En respuesta a Xavier Paz
Re: cambiar el tamaño de la foto del usuario
perfecto sirve, hay un pero, igual se corta la frente, lo que necesito es que la foto se acomode hacia abajo osea se corte abajo y no la cabeza, porfa es lo ultimo y todo quedara perfecto
En respuesta a juan ramon vasquez arancibia
Re: cambiar el tamaño de la foto del usuario
de Xavier Paz -
¿Podrías poner una captura de como queda ahora y como tienes en mente que debe quedar?