Grid

corniGrid

col1
col2
col3
col4
col2
col7
col1
col4
Código
html
Copiar html
css
Copiar css (corniGrid.css)
js
Descarga de elementos
corniGrid.css

Input checkbox

Checkbox 1

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos
checkbox-ok-hover.png checkbox-ok.png

Checkbox 2

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos
checkbox-ok.png

Input Radio

Radio 1

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos

No

Radio 2

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos

No

Switch

Switch 1

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos

No

Switch 2

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos

No

Switch 3

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos

No

Select

Select 1

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos
select-arrow.png

Select 2

Código
html
Copiar html
css
Copiar css
js
Descarga de elementos
select-arrow.png

Alturas iguales

Igualar alturas Divs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis tellus in ultricies tempor. Fusce nulla est, feugiat vitae ullamcorper nec, euismod a neque. Vivamus ullamcorper. Fusce nulla est, feugiat vitae ullamcorper nec, euismod a neque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis tellus in ultricies tempor. Fusce nulla est, feugiat vitae ullamcorper nec, euismod a neque. Vivamus ullamcorper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis tellus in ultricies tempor. Fusce nulla est, feugiat vitae ullamcorper nec, euismod a neque. Vivamus ullamcorper. Fusce nulla est, feugiat vitae ullamcorper nec, euismod a neque.

Link: AlturasIguales
Código
html
Copiar html
css (opcional)
Copiar css (grid)
js
Copiar javascript
Descarga de elementos

No

Menu móvil

corniSwipe

Link: corniSwipe
Descarga de elementos
corniSwipe.zip

Números y comas

Números y comas

Cambiar todos los números decimales con punto a coma y con otro estilo css

2.95€ => 2.95

20.35€ => 20.35

12.25€ => 12.25

Código
html
Copiar html
css
Copiar css
js
Copiar js

Proceso inverso

Convertir los números anteriores separados en span con estilo css en número para poder realizar cálculos.

De:

2.95

A: 2,95

Código
html
Copiar html
js
Copiar js
Descarga de elementos

No