Bloque presentacion con foto

IGNACIO dijo:

busca en la red como 'about me widget', si es para wordpress sigue este enlace https://wordpress.org/plugins/tags/about-me

Hacer clic para expandir...

xxphiterx dijo:

Esta es la seccion de Blogger.

Podrias hacerlo con css. añadiendo una imagen y dandole, bordes redondeados.
y luego el texto como quieras. :encouragement:

Hacer clic para expandir...

Fuifidio dijo:

¿podrias colocar alguno de esos blogs? para ver a lo que te refieres exactamente y asi poder ayudarte

Hacer clic para expandir...

xxphiterx dijo:

Esta es la seccion de Blogger.

Podrias hacerlo con css. añadiendo una imagen y dandole, bordes redondeados.
y luego el texto como quieras. :encouragement:

Hacer clic para expandir...

isispe dijo:

Hola!

Tienes razón , no lo he explicado muy bien , lo he visto en muchos blogs pero ahora no encuentro uno que lo tenga!
Seguro que conocéis este blog : Creative Mindly
Pues ahí, aunque no tenga ese bloque, pero tiene el de presentación pero sin foto y creo que más o menos se puede entender que es lo que quiero hacer. Alguna idea ? y soy de blogger

gracias!!

- - - Actualizado - - -



y eso como lo consigo ? :encouragement:

Hacer clic para expandir...

<img class="circular" src="imagen.jpg">

.circular { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;}

xxphiterx dijo:

Agrega una imagen con la clase "circular" y añadele css
aqui un ejemplo:

Insertar CODE, HTML o PHP:

<img class="circular" src="imagen.jpg">

Insertar CODE, HTML o PHP:

.circular { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;}

:encouragement:

Hacer clic para expandir...

isispe dijo:

No lo entendí, ese codigo voy añadirlo a css y luego tengo que añadir un bloque nuevo ?

gracias :encouragement:

Hacer clic para expandir...

<img class="circular" src="imagen.jpg">

.circular { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;}

xxphiterx dijo:

Si. primero agregas un bloque y pones el codigo de la imagen

Insertar CODE, HTML o PHP:

<img class="circular" src="imagen.jpg">

Luego en el css de tu plantilla agregas el resto.

Insertar CODE, HTML o PHP:

.circular { width: 300px; height: 300px; border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;}

🙂

Hacer clic para expandir...

isispe dijo:

gracias funciona!
y para centrarlo ?

Hacer clic para expandir...

<center>
<img class="circular" src="imagen.jpg">
</center>