Arredondar imagens no Blogger

  • Autor Autor Danlita
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
D

Danlita

Épsilon
Verificación en dos pasos activada
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola ¿alguien sabe como redondear las imagenes? hay tutoriales en youtube pero son de hace años y ahora cambio todo en blogger :/
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Hola Danilta, para eso vas a necesitar saber codear un poco. Lo primero que tienes que hacer es meter la imagen dentro de un div y luego aplicarle border radius 100% a ese div. Desconozco que haya otro modo que sea amigable para quienes no saben usar códigos.
 
Hola ¿alguien sabe como redondear las imagenes? hay tutoriales en youtube pero son de hace años y ahora cambio todo en blogger :/
Me uno también a esta pregunta...
 
Se puede hacer por código CSS, puedes probar éste:

CSS:
img {
    border-radius: 100%;
}

Todas se verán redondas (ejemplo), en vez de img puedes usar el id de la imágen o un selector mas avanzado. Ya si te la gana, lo puedo hacer yo a cambio de $. Una vez que te manejas con los selectores, no tiene nada de dificultad.
 
Se puede hacer por código CSS, puedes probar éste:

CSS:
img {
    border-radius: 100%;
}

Todas se verán redondas (ejemplo), en vez de img puedes usar el id de la imágen o un selector mas avanzado. Ya si te la gana, lo puedo hacer yo a cambio de $. Una vez que te manejas con los selectores, no tiene nada de dificultad.
Interesante dato...gracias.
 
@Danlita Las respuestas que te han dado aqui son correctas pero debido a que es para blogger debes separar el codigo html y el CSS
ejemplo :

codigo html:
esto va en tus entradas de blogger

HTML:
<img src='URL IMAGEN AQUI' class='imgRedonda' />

recordando el nombre de la clase que use que fue imgRedonda es la que usaremos en la parte de CSS a continuacion.
vas al apartado de Personalizar y editar html bajas hasta la seccion de CSS y pegas codigo que dara forma a tu imagen

CSS:
.imgRedonda {
    width:300px;
    height:300px;
    border-radius:150px;
}

border-radius seria lo que daria el redondiado a la foto, adicional solo le agregue un alto y ancho.
 
¿Editando la imagen y luego subiéndola con el tamaño que necesitas o corresponda? O así, ya no va…🙃(?)
 
Voltar
Topo