Simple Machines Community Forum

SMF Support => Español (Spanish) => Language Specific Support => Temas y Diseño (Themes) => Topic started by: Ibues on July 29, 2022, 10:20:35 AM

Title: Redondear esquinas de los avatares
Post by: Ibues on July 29, 2022, 10:20:35 AM
Hola,

me gustaría saber como puedo redondear las esquinas de los avatares en mi foro.

Supongo que el css es el de index.css en el theme correspondiente, pero no sé localizar la línea exacta y qué debo añadir.

Gracias.
Title: Re: Redondear esquinas de los avatares
Post by: Danielㅤ on July 29, 2022, 10:35:22 AM
Hola, para casos como éstos, lo mejor es que utilices el inspector de elementos de tu navegador y veas cual es la parte qué afecta/controla la imagen de los avatares, asi podras modificarlo a tu gusto ya que el redondeo tiene niveles desde muy poco redondeo hasta mucho redondeo por ejemplo quedarían las imágenes redondas, con el inspector podras modificar en tiempo real.


Saludos
Title: Re: Redondear esquinas de los avatares
Post by: -Rock Lee- on July 29, 2022, 12:15:05 PM
Tenes que buscar donde esta:

.poster img.avatar {
   max-width: 100%;
}

y agregar "border-radius: 100%;" sino puedes usar el mod para eso pero trae algunas cosas mas...


Saludos!
Title: Re: Redondear esquinas de los avatares
Post by: Ibues on July 29, 2022, 12:35:30 PM
Quote from: -Rock Lee- on July 29, 2022, 12:15:05 PMTenes que buscar donde esta:

.poster img.avatar {
  max-width: 100%;
}

y agregar "border-radius: 100%;" sino puedes usar el mod para eso pero trae algunas cosas mas...


Saludos!

Hecho, muchas gracias, Rock.
Title: Re: Redondear esquinas de los avatares
Post by: -Rock Lee- on July 29, 2022, 02:45:40 PM
Genial, solo es jugar con el valor para lograr lo que queres. Marco como solucionado, culquier otro problema abri un nuevo tema :)


Saludos!