Tutorial: presentaciones con foto de fondo.

Como se que algunas chicas andan buscando como hacer estas presentaciones tan bonitas...les voy a hacer un tutorial escrito...pero tienen que estar atenta a lo que dice porque no es tan fácil como se ve...es un poco complicado...pero no díficil...
acá les dejo la imagen del tipo de presentación que haremos:

necesitan 4 cosas:

1) Vamos a tener que tener un código de presentación como la que haremos...

Aquí les dejo el código de la presentación: <p style="margin: auto; box-shadow: #DF01A5 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 8px groove #01A9DB; background-color: #cd1076; color: #0B0B3B ; font-family: Lucida Calligraphy,'Calibri',comic sans; overflow: hidden; display: block;""><span style="; margin-top: 10px; margin-left: -100px; padding: auto; width: 400px; background-color: #01A9DB; text-decoration; text-shadow: 0px 3px 6px #A901DB; color: #ffffff; font-family: Harrington; font-size: 50px; text-align: center; opacity: 0.9; transform; z-index: 2; overflow: hidden; display: block;""><em>NICK</em></span><span style="margin-top: -95px; margin-left: 225px; width: 300px; height: 16px; font-size: 15px; letter-spacing: 2px; text-align: center; ; z-index: 2; overflow: hidden; display: block;""><strong></strong><strong></strong><br /><br /><br /></span>&nbsp;<span style="margin-top: -12px; padding: 0px; width: 550px; ; z-index: 1; overflow: hidden; display: block;""><img src="http://www.sdcdn.com/camera/179/798/179798378.jpg" alt="" /> </span><span style="margin-left: 25px; margin-top: -360px; padding: 5px; width: 495px; height: 290px; font-size: 18px; opacity: 0.8; z-index: 2; text-align: left; overflow: auto; display: block; color: #000000;""><br />Holaa aqui pueden escribir lo que quieran para su presentacion <br /><br />Y aqui tambien hahahaha.....<br /><br /><br /><br />Espero que les haya gustado<br /> Chaufas!!!!!!!!<br /><br /><br /></span><strong></strong></strong></p>

2) Necesitaran un editor online en donde hacer la presentación y pegar el código así que 

aca se lo dejo: http://htmledit.squarefree.com/

3)También necesitaremos una pagina que muestre los códigos HTML de los colores ustedes pueden usar el que más les quede cómodo para usar...yo les recomiendo este: http://html-color-codes.info/codigos-de-colores-hexadecimales/

4) Copien el link de una foto de su doll,elijan la que mas les guste para el fondo de su presentación...
esas son las 4 cosas basicas que necesitamos,ahora tengo que explicar lo que deben hacer ^^
A) Lo primero que deben hacer es ir al editor HTML (El link es el primero que les di),Luego de ir al editor copian el código que les di anteriormente y lo pegan en el fondo azul así: 

Automáticamente pegan el código en la parte azul y debajo les va a aparecer la presentación que corresponde a ese código.

B)Ahora tenemos que buscar la foto para el fondo...la presentación que les di tiene una foto mía por que la cree y le añadí esa imagen...ustedes van a poner la imagen así: 

1.- van a Álbum y como verán al lado de álbum esta fotos hacen click hay y elijen una foto asi: 

3) Bien,ahora vamos a tener que pegar el link de la imagen que elegimos en el fondo azul donde pegamos el código de la presentación...(Más arriba resaltado en color rojo esta donde va la url de la imagen)
ustedes borran la imagen que yo puse de fondo y ustedes pegan el url de su imagen.(la imagen solo puede ser de stardoll no se puede colocar imagenes de google o bloggers).

C) Ahora tenemos que editar la franja en la que dice Nick,yo les puse para que sea referencia de la presentación que les daba pero ustedes tienen que ponerle el nombre que quieran. Yo les recomiendo que no sea mas de 6 o 7 letras porque no entrara en la franja.

Para eso vamos al editor y buscamos done dice nick y borran la palabra nick y escriben el nombre de ustedes o su apodo :D 

NOTA: Es algo importante,sólo editare el texto del nombre en el otro texto de stardoll...solo les digo que aun no lo editen. Editenlo más tarde en el editor de texto en stardoll,sera mucho mas fácil. ^^

D) Ya tenemos nuestro fondo y nuestro nombre principal ahora solo queda editar los colores de nuestra presentación (El segundo link que les di es el que usaremos ahora).

Como verán en todo código como está como ejemplo: #2A0A22,el signo seguido de letras y números nos indica que utiliza un color entonces lo que haremos es ir a la pagina de colores HTML que les di mas arriba hagan click en un color de la paleta de colores,debajo se les pondra el siguiente código que correspondiente al color que elegiste.

Copias el código del color y lo cambias por el color que quieras en la presentación.

Por ejemplo si quieren cambiar los puntitos del borde: el estilo del borde se llama "dotted",siempre que vean eso le seguirá el código de color,entonces solo borran el código y lo cambian por el código que ustedes copiaron.

D) Una vez que tengamos nuestros códigos editados copiamos el código de la presentacion van a stardoll y lo pegan asi: 

Luego de pegar la presentación en stardoll ponemos guardar y listo!.

espero que te sirva y que te halla gustado!.

Por favor espero que te unas a este hermoso blog :DD♥

Chaufas!.las quiero