CSS archivos - Risi.cl

Insertar mapas de Google de manera responsiva

CSS Google

Insertar mapa de Google de manera responsiva

A continuación les explico como insertar un mapa de google en tu sitio web para…

<img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy'/>

Risi.clnoviembre 13, 2020

Cómo crear columnas responsivas con CSS

CSS

Cómo crear columnas responsivas con CSS

Si necesitas una base para comenzar a crear tu sitio con columnas responsivas en HTML+CSS,…

<img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy'/>

Risi.cloctubre 15, 2020

Cómo agregar íconos de imagen en menús de navegación en WordPress

CSS Plugins Wordpress

Cómo agregar íconos de imagen en menús de navegación WordPress

En este artículo, les mostraremos cómo agregar íconos de imagen con menús de navegación en…

<img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy'/>

Risi.clseptiembre 23, 2020

CSS

Media Queries para dispositivos móviles: CSS3

A continuación les dejo un listado de las @media queries más comunes de CSS3 para hacer responsive web…

<img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy'/>

Risi.clagosto 24, 2018

CSS

Texto sombreado CSS text-shadow

CSS text-shadow p { text-shadow: 1px 1px 1px #000; } Puede aplicar varias sombras…

<img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' data-srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' height='70' width='70' loading='lazy' data-src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' class='avatar avatar-70 photo lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /><noscript><img alt='Risi.cl' src='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=70&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/34ba3524b5c2af7c61b248d991c34d7b?s=140&d=mm&r=g 2x' class='avatar avatar-70 photo' height='70' width='70' loading='lazy'/>

Risi.cljulio 14, 2018