»• Inicio  Tutoriales Web HTML  Montar Layout Front • Crear Slides  •«

 

 Lección - 12

 

Menú Horizontal y Barra de desplazamiento


Marcador (Arrastra con el ratón)

Abrimos el archivo base1.htm, ponemos el cursor en el centro de la barra horizontal, botón derecho / dividir celdas

Dividir columnas, poner según vuestra necesidad, yo puse 4 para el ejemplo, le di a cada celda de ancho 200

como la tabla mide 800, al ser 4 columnas me salio redondo, si ponéis mas o menos sacar vuestra proporción
y especificar ancho de celda, botón derecho / propiedades de celda

También podéis ponerlo todo seguido sin dividir celdas con símbolos de separación, es como lo tengo puesto yo
otra manera seria meter un botón en cada celda con el texto, todo esto va en gustos
Vamos a vincular una pagina, en este caso el Índice o Inicio, seleccionamos el texto, botón derecho / Hipervínculo

 se nos abre esta ventana, donde pone Dirección, ponemos el nombre de la pagina a enlazar, en este caso la principal
sin cerrar la ventana, pulsar en Marco de destino

se abrirá esta, cuando la pagina a enlazar es de nuestra Web, se suele poner El mismo marco,
esto quiere decir que la que se abra, sustituye a la que tenemos

Si enlazamos con una pagina externa, se suele poner, Nueva ventana, así seguiremos manteniendo la nuestra abierta

Como esta lección es cortita, voy a meter también el color de la Barra de desplazamiento
os pongo este código, copiarlo y pegarlo en un bloc, de ahí volvéis a copiar y pegar en donde señalo en la captura siguiente

 
<style>

body {

scrollbar-face-color: #91B578;

scrollbar-shadow-color: #91B578;

scrollbar-highlight-color: #DEE9C1;

scrollbar-3dlight-color: #C8DFB5;

scrollbar-darkshadow-color: #21221A;

scrollbar-track-color: #91B578;

scrollbar-arrow-color: #2C3323; }

</style>

Tiene que ponerse dentro del <body, yo prefiero ponerlo al principio al principio,
ahora tenéis que cambiar los colores por los que hagan juego con vuestra Web

Con esta captura os será mas fácil personalizarlo

 



AnteriorSubirSiguiente

Tutoriales FrontPage - Creando una Web - © Mane - 2009 •1024x768 IE 7.0