Con este tutorial aprenderemos a personalizar la páginas del libro de visitas Firmar

Existen muchas páginas en la Red que ofrecen recursos gratuitos para tu Web, entre ellos podrás encontrar Libros de Visitas. Yo he optado por Melodysoft porque da un amplio margen para personalizarlo. Esta es la dirección, no me detendré a explicar como realizar el registro ya que en la misma página viene explicado con todo detalle. Una vez que te registre en Melodysof, debe descargar el diseño predeterminado MelodyI. Mi consejo es que lo salves con otro nombre distinto del que trae, por ejemplo"ver" y "firmar", Melody los llama respectivamente "index" y "sign".

Una vez bajado al PC, lo abrimos con Dreamweaver. Comenzaremos con la pagina"Firmar" ( Sign ). Hay que tener cuidado en no borrar ninguno de los códigos que contiene la pagina .

Nuestra personalización va a consistir en:

Como ya he comentado, todo esto lo haremos teniendo mucho cuidado de no borrar ninguno de los códigos que aparecen en la página

Pasos

1.- Cambiaremos el color de la pagina, para ello vamos a Barra de herramientas/ Modificar / Propiedades de la página. En la casilla Fondo ponemos el color #DFDFEE y damos en aplicar.

2.- Cambiaremos el color de las celdas, hacemos clic en una de ellas y en el inspector de propiedades ( casilla Fnd) cambiamos el color azul ( #306090) por el color malva ( # B5B5D7). Repetiremos esta operación con cada una de las celdas que se indican en la imagen siguiente

3- Seleccionamos el borde de la tabla donde dice Firmar pasando el cursor por él , cuando éste adopte la forma clicamos. Una vez seleccionado vamos al inspector de propiedades y en la casilla Im pegamos la ruta completa del fondo glitter, es decir, http://www.direccion de tu Web/nombre de la carpeta donde está el fondo glitter/nombre del archivo del fondo gliter con su extensión ( http://www.TU SITIO / FONDOS//fondoglitter.gif). Aquí debes tener la precaución de subir antes el fondo a tu web para que puedas verlo al dar en la tecla F12.

4.- Pulsamos sobre la tabla y la rellenamos con el color r#DFDFEE (casilla Fnd )

5.- Ahora vamos a quitar el fondo que trae una de las celdas , para dejarle el mismo color que al resto de la página, Pulsamos sobre la celda y en el inspector de propiedades borramos la ruta del fondo ,dejando la casilla en blanco

6.-Insertamos en la cabecera una imagen con texto plateado, pulsar aquí para ver el tutorial. Antes de insertarla en la pagina vamos a subirla a la Web, ya que tendremos que poner al igual que hicimos con el fondo glitter, la ruta absoluta del archivo. Una vez subida insertamos la imagen, para ello hacemos clic en el lugar donde queremos insertarla, a continuación vamos a Barra de herramientas / insertar / imagen, Una vez insertada la seleccionamos haciendo clic sobre ella y en el inspector de propiedades (casilla origen) completamos la ruta del archivo como ya hemos explicado en el caso del fondo glitter, es decir, http://www.tu sitio web / nombre de la carpeta donde está guardado el archivo / nombre del archivo con su extensión

7.- Ya sólo nos queda cambiar de color la barra del scroll. Esto lo haremos directamente en el código. Pulsamos sobre el icono Mostrar vista código , buscamos en el código la etiqueta </title> y justo debajo pegamos el código que indico a continuación

Y con esto ya está terminada la personalización de la página "Firmar", a continuación veremos el tutorial para personalizar la página "Ver" .

©2005 Pilar Biurrun / todos los Derechos Reservados