Tecnología

Inicio

Cómo hacer un control deslizante Flash Banner en HTML

Una barra de desplazamiento le ayuda a presentar los datos en varios contenedores sin que sea necesario el lector para cambiar a diferentes páginas en el navegador. Se puede crear un control deslizante anuncio de Flash en HTML usando contenedores CSS y div. Cada recipiente contiene los datos que desea mostrar y el CSS crea el diseño de las pestañas. Se utiliza esta técnica cuando se tiene varias secciones en su página que desea visualizar.

Instrucciones

1 Haga clic en la página HTML que desea utilizar para mostrar el control deslizante. Haga clic en "Abrir con" y elija el editor HTML preferido.

2 Crear las etiquetas div para el control deslizante. Las etiquetas div representan las pestañas que se muestran en el navegador del usuario. El siguiente código crea dos etiquetas div deslizador:

<Div id = "cursor">
<H2> cursor 1 </ h2>
<H2> Deslizador 2 </ h2>
</ Div>

3 Configurar el estilo CSS para el control deslizante. Se puede utilizar cualquier código CSS para crear el color de la pestaña, esquema y cualquier efecto de sombra. El siguiente código define una clase para el control deslizante que los colores del fondo de las fichas de leer y crea un contorno redondeado de las esquinas:

.active un {

padding: 28px 0 20px 0;
background: -webkit-gradient(linear, left top, left bottom, from(#db0000), to(#9b0000));
background: -moz-linear-gradient(top center, #db0000, #9b0000);

}

deslizador {

width: 555px;
background: rgba(250,250,250,0.3);
padding: 30px 25px 30px 25px;
line-height: 25px;
margin-left: 35px;

}

4 Guarde los cambios y abrir el archivo HTML en el navegador de Internet para poner a prueba los cambios en el código y revisar el control deslizante.