|
|
| 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 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 width="128"
height="30" src="midis/denver.mid">
|
Os he puesto en color "Rojo" lo que tenéis que
rectificar el ancho "128" y
el alto "80" por el tamaño
que os guste más. "midis"
es la carpeta del archivo de audio y denver.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...
|
|
Si nos quiere enlazar este es nuestro Logo
|
|
|
|
|
|
