Mi primer tutorial
Antes de todo tenemos que cambiar nuestro diseño a CSS
y guardar los cambios por supuesto!!!
Bueno comenzemos con el tutorial
1 – Antes de nada tenemos que cambiar el cabezal de nuestra web y dejarlo centrado , este es el codigo.
<center><img src="URL"></center>
(Texto por encima de la pagina)
2 – Después del cabezal tendremos que poner nuestra imagen de fondo (si quieren saber la resolución de pantalla pueden ir a
http://basket92.es.tl/Resolucion-de-pantalla.htm ) que es mi pagina web.
Una vez diseñado la imagen de fondo tenemos que poner el codigo siguiente
<style type="text/css">
<!--
body{background-image:url(URL);background-color:}
--></style>
(Texto por encima de la pagina)
3 – Ahora pondremos un fondo en cada sección de la web (El mismo por eso)
#content_container {
background-image: url(URL);
height:450px;
width: 950px;
overflow:auto;
}
(Este codigo se pega en CSS) el heidght y width son las medidas de la pagina web! Cambiala si quieres.
4 – Cambiaremos el color de los hipervínculos
Este codigo es para el link normal (sin visitar)
<style>
a:Link{
color:yellow;
}
</style>
<br>
(Este va para los links visitados )
<style>
a:visited{
color:yellow;
}
</style>
Esto se pega en CSS Syn Style Tags
5 – Centraremos la pagina ahora con este codigo que va pegado en CSS – Syn Stile Tags
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
<style type="text/css">
(No hay que editar nada)
CSS Sin Style Tags
6 – Ahora para eliminar el menú lo que tenemos que hacer es
http://www.paginawebgratis.es/forum/viewtopic.php?t=13307
7 – Para cambiar el formato entero del texto en la web poner el codigo siguiente
<style type="text/css">
body {
color: #FFFFFF;
}
</style>
(Texto por encima de la pagina)
