Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje25-07-2009, 22:05 (UTC)    
Título del mensaje: Crear plantilla CSS

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)


Ultima edición por basket92 el Lun Jul 27, 2009 10:34 am; editado 2 veces
Mensaje25-07-2009, 22:06 (UTC)    
Título del mensaje: mi primer

Se me olvidaba

para crear el menu CSS sigue estos tutoriales de tokarg

http://www.paginawebgratis.es/forum/viewtopic.php?t=25154&highlight=css+men%FA+maker

SI ALGUN CODIGO NO VA DIMELO POR MP ASÍ EDITO EL POST


Ultima edición por basket92 el Sab Jul 25, 2009 6:12 pm; editado 3 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group