ventana flotante spv

7/23/2019 Ventana Flotante Spv

http://slidepdf.com/reader/full/ventana-flotante-spv 1/3

<div id='ventana-fotante'>

<a class='cerrar' hre='javascript:void(0);'

onclick='document!et"lement#$%d('ventana-

fotante')classame = 'oculto''><a>

<div id='contenedor'>

<div class='contenido'>

<im! src=*https:+,.c/1-a-+2c34aa-s-

sites!oo!le!roupscomsitesindicatoproesionalspv5alla620pu3licidad

6207uorumjp!* alt=*8epta!rama* hei!ht=*4,,* 9idth=*+1.* >

<div>

<div>

<div>

<st$le>

ventana-fotante

9idth: +0p; ncho de la ventana

hei!ht: 0p; lto de la ventana

3ack!round: cead; ?olor de ondo

position: @ed;

top: 10p;

let: ,06;

mar!in-let: -4,/p;

3order: 0p solid adad; #orde de la ventana

3o-shado9: 0 ,p 2,p r!3a(0A0A0A); Bom3ra



C-inde:111;

D

ventana-fotante contenedor

paddin!: ,p 0p 0p 0p;

D

ventana-fotante cerrar

foat: ri!ht;

3order-3ottom: p solid 333;

3order-let: p solid 333;

color: 111;

3ack!round: 9hite;

line-hei!ht: 4p;

tet-decoration: none;

paddin!: 0p /p;

ont-amil$: rial;

3order-radius: 0 0 0 ,p;

3o-shado9: -p p 9hite;

ont-siCe: .p;

-9e3kit-transition: 4s;

-moC-transition: 4s;

-o-transition: 4s;

-ms-transition: 4s;

D

ventana-fotante cerrar:hover

3ack!round: +.+.;

color: 9hite;

tet-decoration: none;

tet-shado9: -p -p red;



3order-3ottom: p solid red;

3order-let: p solid red;

D

ventana-fotante contenedor contenido

paddin!: 2,p;

3o-shado9: inset p p 9hite;

3ack!round: dec/; Eondo del mensaje

3order: p solid 1e1e; #orde del mensaje

ont-siCe: 20p; FamaGo del teto del mensaje

color: ,,,; ?olor del teto del mensaje

tet-shado9: p p 9hite;

mar!in: 0 auto;

3order-radius: /p;

D

oculto -9e3kit-transition:s;-moC-transition:s;-o-transition:s;-ms-

transition:s;opacit$:0;-ms-opacit$:0;-moC-opacit$:0;visi3ilit$:hidden;D

<st$le>

ventana flotante spv

Documents