CSS archivos - Risi.cl

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' 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' 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' 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' 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