Categoría: HTML-Misc

¿Cómo agregar un filtro con Portfolio Gallery usando HTML, CSS y JavaScript?

Posted on by Rudeus Greyrat

La galería de cartera es útil cuando su sitio web contiene diferentes tipos de contenido o muchos contenidos. Con la ayuda de una galería de cartera, puede mostrar fácilmente todos los contenidos en su página principal al usuario. Pero si el usuario desea algunos contenidos específicos, debemos adjuntar filtros en la cartera. En este artículo, … Continue reading «¿Cómo agregar un filtro con Portfolio Gallery usando HTML, CSS y JavaScript?»

¿Cómo mostrar la información de la fila secundaria usando el complemento jQuery DataTables?

Posted on by Rudeus Greyrat

DataTables es un complemento jQuery moderno para agregar controles interactivos y avanzados a las tablas HTML para nuestra página web. DataTable es un complemento jQuery fácil de usar con muchas opciones para los cambios personalizados del desarrollador. Algunas características de DataTables son la paginación, la búsqueda, la clasificación y el ordenamiento de varias columnas. En … Continue reading «¿Cómo mostrar la información de la fila secundaria usando el complemento jQuery DataTables?»

¿Cómo hacer que un div llene un espacio horizontal restante usando CSS?

Posted on by Rudeus Greyrat

La propiedad de ancho se usa para llenar un espacio horizontal restante div usando CSS. Al establecer el ancho en 100%, toma todo el ancho disponible de su padre.  Sintaxis: width: 100%; Ejemplo 1: este ejemplo usa la propiedad de ancho para llenar el espacio horizontal. Configuró el ancho al 100% para llenarlo por completo.  … Continue reading «¿Cómo hacer que un div llene un espacio horizontal restante usando CSS?»

¿Cómo usar la superposición de imágenes correctamente con Bootstrap?

Posted on by Rudeus Greyrat

En este artículo, aprenderemos cómo usar la superposición de imágenes correctamente con Bootstrap . Pero antes de eso, primero, necesitamos saber qué es una superposición de imágenes. Superposición de imágenes: la superposición de imágenes generalmente se refiere a que la imagen es una imagen de fondo e inserta textos y enlaces dentro de esa imagen. … Continue reading «¿Cómo usar la superposición de imágenes correctamente con Bootstrap?»

¿Cómo cambiar el color de la línea horizontal (elemento <hr>) usando CSS?

Posted on by Rudeus Greyrat

La etiqueta HTML <hr> se utiliza para insertar una regla horizontal o un corte temático en una página HTML para dividir o separar secciones del documento. El color de la etiqueta <hr> se puede establecer usando la propiedad background-color en CSS. Ejemplo: <!DOCTYPE html> <html lang=»en»>    <head>     <meta charset=»utf-8″>        <style>         hr {             height: … Continue reading «¿Cómo cambiar el color de la línea horizontal (elemento <hr>) usando CSS?»

¿Cómo iterar a través de elementos secundarios de un div usando jQuery?

Posted on by Rudeus Greyrat

jQuery Selector se puede usar para buscar (seleccionar) elementos HTML del DOM. Una vez que se selecciona un elemento, se llama al método jQuery children() para encontrar todos los elementos secundarios del elemento seleccionado. Para recorrer los elementos secundarios, se usa el método jQuery each() como se muestra en el siguiente ejemplo. Ejemplo 1: la … Continue reading «¿Cómo iterar a través de elementos secundarios de un div usando jQuery?»

¿Cómo cambiar el color del texto seleccionado usando CSS?

Posted on by Rudeus Greyrat

El color del texto seleccionado se puede cambiar fácilmente usando CSS | ::selector de selección . En el siguiente código, hemos usado CSS ::selección en los elementos <h1> y <p> y establecimos su color como amarillo con fondo verde. El siguiente ejemplo implementa el enfoque anterior: Ejemplo: <!DOCTYPE html> <html lang=»en»>    <head>     <title>         How … Continue reading «¿Cómo cambiar el color del texto seleccionado usando CSS?»

¿Cómo hacer zoom en una imagen al pasar el mouse usando CSS?

Posted on by Rudeus Greyrat

El efecto de zoom de imagen se utiliza para aplicar zoom sobre una imagen al pasar el mouse o al hacer clic. Este tipo de efecto se usa principalmente en sitios de cartera. Es útil en situaciones en las que queremos mostrar los detalles del usuario en la imagen. Hay dos formas posibles de crear … Continue reading «¿Cómo hacer zoom en una imagen al pasar el mouse usando CSS?»

¿Cómo crear un banner de dos tonos en bootstrap?

Posted on by Rudeus Greyrat

Bootstrap es un marco CSS utilizado para diseñar páginas web. Es el marco CSS más utilizado debido a su simplicidad y facilidad de implementación. Bootstrap se usa junto con HTML y JavaScript para hacer que las páginas web sean interactivas. Los banners son secciones en la página web que requieren atención adicional. Puede haber varios … Continue reading «¿Cómo crear un banner de dos tonos en bootstrap?»

¿Cómo eliminar el espacio entre celdas de las tablas usando CSS?

Posted on by Rudeus Greyrat

Este es un comportamiento predeterminado de las celdas de la tabla en el que hay algo de espacio entre sus bordes. Para eliminar este espacio, podemos usar la propiedad de colapso de borde CSS . Esta propiedad se usa para establecer los bordes de la celda presente dentro de la tabla e indica si estas … Continue reading «¿Cómo eliminar el espacio entre celdas de las tablas usando CSS?»