Agregar sombra a un div con box-shadow
abril 1, 2020Colorear un texto al seleccionar
abril 1, 2020Alinear el texto alrededor de una imagen de forma circular
Este practico tutorial para CSS "Alinear el texto alrededor de una imagen de forma circular (con CSS)", te hará maquetar correctamente y más rápido tus proyectos sin necesidad de conocimientos avanzados, asegúrate de insertar el código en el archivo style.css del tema activo en tu sitio web (de preferencia en el tema hijo "Child Theme").
img#circulo {
width: 150px; /*ancho de la imagen*/
height: 150px; /*alto de la imagen*/
float: left;
shape-outside: circle(50%);
margin-right:10px;
}
/* Como implementarlo */ <img id="circulo" src="https://bit.ly/2b64Ibb" /> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et efficitur tellus, a gravida est. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et efficitur tellus, a gravida est. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et efficitur tellus, a gravida est. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et efficitur tellus, a gravida est. </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et efficitur tellus, a gravida est. </p>
Si estás buscando más tutoriales, trucos y tips útiles para WordPress, crear un blog, sitio web o tienda online de éxito, no olvides visitar las otras categorías:
CSS
Shortcodes
WooCommerce
WordPress
Más información sobre como desarrollar en WordPress, visita el Codex oficial de WordPress en español: clic aquí
Más información sobre como desarrollar en WordPress (cursos): clic aquí
Más información sobre como desarrollar plantillas (Templates) en WordPress: clic aquí
Más información sobre como desarrollar Plugins en WordPress: clic aquí
Más información sobre como desarrollar Shortcodes en WordPress: clic aquí
Más información sobre como desarrollar en WooCommerce, visita el Codex oficial de WooCommerce: clic aquí
Si necesitas consultoría en WordPress, WooCommerce o desarrollo de Plugins envíame un mensaje.
¿Tienes un reto?
Colaboró directamente con negocios para desarrollar proyectos y también de manera independiente como freelance para apoyar agencias de diseño, marketing y publicidad…
#danielesparzastudio
¿Desarrollamos algo juntos?