Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Suivre ce blog Administration + Créer mon blog
MENU

Tutorial, CSS, HTML

HTML

CSS .sombra img { display: block; position: relative; margin: -6px 6px 6px -6px; border-radius: 5px;}.sombra { float:left; background-color:...

Lire la suite
CSS .sombra img { display: block; position: relative; margin: -6px 6px 6px -6px; border-radius: 5px;}.sombra { float:left; background-color:..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
CSS .sombra img { display: block; position: relative; margin: -6px 6px 6px -6px; border-radius: 5px;}.sombra { float:left; background-color:...&lang=fr" data-text="HTML
CSS .sombra img { display: block; position: relative; margin: -6px 6px 6px -6px; border-radius: 5px;}.sombra { float:left; background-color:..." data-url="https://tutorialgloriav.eklablog.com/-a126602814" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Par GloriaV

Par GloriaV

Par GloriaV

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut diam metus, venenatis ullamcorper, consequat sit amet, volutpat at, nulla. Nulla sollicitudin metus.
CSS 1º #sombra { background: url("imagenes/sombra_grande.png")...

Lire la suite
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut diam metus, venenatis ullamcorper, consequat sit amet, volutpat at, nulla. Nulla sollicitudin metus.
CSS 1º #sombra { background: url("imagenes/sombra_grande.png")..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut diam metus, venenatis ullamcorper, consequat sit amet, volutpat at, nulla. Nulla sollicitudin metus.
CSS 1º #sombra { background: url("imagenes/sombra_grande.png")...&lang=fr" data-text="
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut diam metus, venenatis ullamcorper, consequat sit amet, volutpat at, nulla. Nulla sollicitudin metus.
CSS 1º #sombra { background: url("imagenes/sombra_grande.png")..." data-url="https://tutorialgloriav.eklablog.com/-a126602776" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Par GloriaV

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,...

Lire la suite

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,...&lang=fr" data-text="

Fuente Ejemplo 1 Sombra simple

Ejemplo 1

Sombra simple

CSS .caja{ background-color: #F4F4F4; height: 150px; width: 200px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; border: 1px dotted...

Lire la suite

Ejemplo 1

Sombra simple

CSS .caja{ background-color: #F4F4F4; height: 150px; width: 200px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; border: 1px dotted..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Ejemplo 1

Sombra simple

CSS .caja{ background-color: #F4F4F4; height: 150px; width: 200px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; border: 1px dotted...&lang=fr" data-text="Fuente Ejemplo 1 Sombra simple

Ejemplo 1

Sombra simple

CSS .caja{ background-color: #F4F4F4; height: 150px; width: 200px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; border: 1px dotted..." data-url="https://tutorialgloriav.eklablog.com/-a126602764" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Par GloriaV

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,...

Lire la suite

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Recuadro 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,...&lang=fr" data-text="

Ejemplo 2

Sombra esquinas inferiores

CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative; float: left;...

Lire la suite

Ejemplo 2

Sombra esquinas inferiores

CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative; float: left;..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Ejemplo 2

Sombra esquinas inferiores

CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative; float: left;...&lang=fr" data-text="

Ejemplo 2

Sombra esquinas inferiores

CSS .caja{ width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{ position: relative; float: left;..." data-url="https://tutorialgloriav.eklablog.com/-a126602722" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Par GloriaV

Ejemplo 3 Sombra inferior centrada

Ejemplo 3

Sombra inferior centrada

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...

Lire la suite

Ejemplo 3

Sombra inferior centrada

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Ejemplo 3

Sombra inferior centrada

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...&lang=fr" data-text="Ejemplo 3 Sombra inferior centrada

Ejemplo 3

Sombra inferior centrada

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." data-url="https://tutorialgloriav.eklablog.com/-a126602716" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Par GloriaV

Ejemplo 4 Sombra inferior perspectiva

Ejemplo 4

Sombra inferior perspectiva

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...

Lire la suite

Ejemplo 4

Sombra inferior perspectiva

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">

Ejemplo 4

Sombra inferior perspectiva

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{...&lang=fr" data-text="Ejemplo 4 Sombra inferior perspectiva

Ejemplo 4

Sombra inferior perspectiva

CSS .caja { width: 200px; height: 150px; background-color: #f4f4f4; border-radius: 5px; border: 1px dotted #9C9C9C; } .caja-sombra{..." data-url="https://tutorialgloriav.eklablog.com/-a126602706" data-lang="fr" target="_blank" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0,location=0'); return false;">