 |
| Hoja de Estilos para interesados |
| Aquí os dejo la hoja de estilos que tiene esta Web, solo tienes que copiarla y guardar en una hoja del bloc de notas para su posterior transformación en un archivo CSS |
La explicación de como transformar el texto escrito en el bloc de notas a un archivo CSS esta en el Video
Tutorial Nº 5: y Tutorial Nº 6: |
body {
background : #FFFFFF url(../images/fondo-blanco.gif) repeat;
img {border: 0}
body,td {font-family: Verdana,Geneva, Arial.Helvetica,Sans-serif; font-size: 9.5pt; color: #3A3631}
a:link, a:visited {color: #3A3631; text-decoration: none}
a:hover, a:active {color: #DC4600; text-decoration: underline}
a:hover { text-decoration: underline; color: #880000; background-color:#EEBE5B; font-sise: 100%;}
}
body {
scrollbar-arrow-color: #A356004;
scrollbar-base-color: #FFFFFF;
scrollbar-dark-shadow-color:#A356004;
scrollbar-track-color: #FFFFFF;
}
BODY{
CURSOR: url(ma.cur);
}
|
Y esto es la llamada al archivo CSS desde nuestra página.
Tenéis que ponerlo en cualquier lugar entre el <head> y </head> |
| <link rel="stylesheet" type="text/css" href="css/estilo-video.css"> |
|
 |
Aquí abajo explico para su uso cada texto en diferente color, pero el original es el de arriba.
De este modo os ahorrareis el formateo del color de la página, estilo de letra tamaño y color más los
SCRIPT para ver el cursor en otro estilo y la barra de Scrollbar la veréis del color que más os guste solo tenéis que cambiar el código, por ejemplo este seria el Blanco "RGB #FFFFFF " SIN LAS COMILLAS
No podéis haceros una idea del trabajo que ahorramos, si tenemos muchas páginas y un día decidimos, cambiar el color de fondo ó el estilo de fuente. Lo único que tenemos que hacer es cambiarlo desde este archivo llamado CSS y listo nuestras paginas cambian en menos de un minuto ¿alucinante verdad?
|
| 1º Este texto es para el color del fondo de la página y una imagen, más el estilo de fuente el color y Tamaño de la fuente. |
body {
background : #FFFFFF url(../images/fondo-blanco.gif) repeat;
img {border: 0}
body,td {font-family: Verdana,Geneva, Arial.Helvetica,Sans-serif; font-size: 9.5pt; color: #3A3631} |
| 2º Este para los hipervínculos ó enlaces dicho de paso es lo mismo, puede ser dentro de nuestras propias páginas ó diferentes direcciones Webs. |
a:link, a:visited {color: #3A3631; text-decoration: none}
a:hover, a:active {color: #DC4600; text-decoration: underline}
a:hover { text-decoration: underline; color: #880000; background-color:#EEBE5B; font-sise: 100%;}
} |
| 3º Este para la barra de desplazamiento, muy decorativo si no os gusta la clásica de Windows |
body {
scrollbar-arrow-color: #A356004;
scrollbar-base-color: #FFFFFF;
scrollbar-dark-shadow-color:#A356004;
scrollbar-track-color: #FFFFFF;
} |
4º Y este para que os cambie la imagen del cursor. No hace falta buscar muchas imágenes de este tipo fuera de nuestro ordenador ya que todos tenemos una carpeta llamada Cursors, dentro de la Carpeta de Windows, solo tienes que copiar y pegar en la carpeta de tu Web la que más os guste. La extensión de este archivo es como su propio nombre dice " Cursor" no es GIF, JPG ni nada que se le parezca.
Y necesariamente tiene que estar en la misma carpeta de las páginas no en otra OK |
BODY{
CURSOR: url(ma.cur);
} |
| Por falta de tiempo me quedan algunas cosillas de explicar en otro video, pero a petición de algunos usuarios os lo pongo por escrito, así que os toca leer jeje... |
Para oír vuestra propia voz, solo tenéis que grabarla y editarla desde propiedades de página ó con un reproductor cualquiera que tengáis en vuestro ordenador.
Os pongo unas imágenes de la grabadora y la del reproductor de Windows Media Player |
|
Esta es la imagen de la grabadora
la tenemos todos, por lo menos los que tenemos el S. M. O. Windows. La grabación que realices la llamas desde propiedades de página y listo. Un consejo el archivo resultante es formato WAV es muy pesado si podéis lo pasáis a MP3 será menos pesado.
PD. solo podéis grabar un minuto como máximo, así que afinar con lo que queráis decir. Animo y aclarar vuestra voz jeje... |
Y si queréis un reproductor con sus controles de abrir y parar, como el de al lado os pongo el código y lo ponéis en el lugar que queráis de vuestra pagina.
Es el de abajo. Solo el código no hace falta la imagen. |
|
|
| <embed src="musica/marypopins.mid" width="128" height="30"></embed> |
Os he puesto en color "Rojo" lo que tenéis que rectificar el ancho "128" y el alto "30" poner el tamaño que os guste más, "musica" es la carpeta del archivo de audio, sin acentos a los archivos mejor sin ningún carácter extraño ya que siempre nos darán problemas, "marypopins.mid" es el propio archivo de audio.
Tenéis que poner el vuestro. |
| SOBRE TODO RECORDAR QUE TODO CÓDIGO QUE CONSIGÁIS PARA LAS PÁGINAS LA PASÁIS ANTES POR EL BLOC DE NOTAS Y DEL BLOC A LA PÁGINA |
Bueno espero tener algo de tiempo y haceros más Tutoriales en Video, para todas estas
cosillas y algunas más... |
 |
