Hola soy yo Pepe Martín de Nuevo!... hoy vamos a hablar acerca del codigo css.
Bueno, en un Principio, supongo que saben (y si no lo saben no es nada grave), una pagina esta compuesta por Codigos, que la verdad que no hay que recordar, pero si hay que guardar en un archibo de Word ¿si?, es sencillo.

En la Pagina http://www.paginawebgratis.es/design.php tenemos que poner en “Diseño Básico” la Plantilla “CSS-Desing – General – No tan popular”, ¿Por que? por que en esa plantilla es la unica que nos deja crear la pagina desde 0, sin nada.



Vamos a usar los siguientes codigos:


·Ubicar una Imagen (o algo) en la pagina:

</div>
<div style="position:absolute;left: 00px;top: 00px;">
(imagen o algo)
<div>

Dejenme Explicarles esta Parte:
"position:absolute;left: 00px;top: 00px;">:[/color] Significa:
"Posision: Absoluta, Izquierda: (VALOR DECEADO)px; Desde arriba Para abajo (VALOR DECEADO)px"

osea que: "position:absolute;left: 00px;top: 00px;" significan los valores de "en donde se ubica la imagen" ¿se entiende?
no es lo mismo poner left 00px; top 00px, que, left 100px; 100px,


·Insertar una Imagen:

</div>
<div style="position:absolute;left: 00px;top: 00px;">
<style>
body
{background-image:url( LA URL DE LA IMAGEN );font-size:16px;}
</style>
<div>

Una vez que allan entedido lo de "Ubicar la Imagen (o algo) en la pagina, esto va a ser mas que facil

<style>
body
{background-image:url( LA URL DE LA IMAGEN );font-size:16px;}
</style>

donde dice " LA URL DE LA IMAGEN " ponemos la url de a imagen (un poco obio ¿no?
La pregunta es ¿donde subimos la imagen? http://www.xooimage.com/fr/ , le ponemos "Examinar" y despues "Envoyer" (supongo que es Subir)

·Imagen que al Pasar el Mouse Cambia:

</div>
<div style="position:absolute;left: 00px;top: 00px;">
<A href="http://nicolastv.***/Home.htm">
<img src=" PRIMERA IMAGEN " onmouseover="this.src=' SEGUNDA IMAGEN ';" onmouseout="this.src=' TERCERA IMAGEN ';"/ BORDER=0></a>
</div>

Y listo, despues, pueden buscar mas codigos en Internet.

OK!

Si necesitas escribir en tu pagina (que es lo mas normal) necesitas tener en claro donde vas a escribir!

¿Cómo?

Claro! es como el MSN! vos escribís todo ¿no? después pones enviar (en este caso “guardar”) y cuando lo envías te aparece en el cuadro de dialogo, pero este cuadro de dialogo lo tenes que cambiar/ajustar

Copiamos este código:


#content {
position: absolute;
left: 37%;
top: 154px;
margin-left:-283px;
width: 800px;
height: 318px;
overflow:auto;}
Ok! empecemos a modificar estos códigos!, antes de nada es importante saber que las distancias se miden en “Pixeles” que es la medida mas común en la que se encuentra en la PC

En “Top” vamos a poner la distancia desde el principio de la pagina (desde arriba) hasta donde empiece este “cuadro de dialogo”

En “Margin-Left” vamos a poner la distancia desde el Principio de la Pagina (desde la Izquierda) asta donde empiece este “cuadro e dialogo”

En “width” vamos a poner que tan ancho es este “cuadro de dialogo”

En “Heidth” ponemos que tan alto es este “Cuadro de dialogo”

Todo el código que creamos, lo pegamos en CSS-Code Sin tags Style


Y Obviamente, para que nos quede bien vamos a tener que hacer varios intentos, por que de una no sale!