lunes, 22 de julio de 2013

TUTORIAL: PRESENTACIONES CON FOTO DE FONDO ♡




Hola chicas, bueno lo primero siento no haber escrito, estoy tan, tan liada con ir ajustando el blog..  
Como ya habrán podido leer les voy a dejar un tutorial sobre como hacer una presentación con foto de fondo. Es bastante fácil 


Lo primero de todo necesitaremos un Editor HTML en linea.

Link Del Editor Html : http://htmledit.squarefree.com

También necesitaremos un Editor de Colores:


Y por último una foto de tu doll, la que más te guste.


1- Primero vamos al editor HTML , Borramos lo que dice y copiamos y pegamos este código:

<p style="margin: auto; box-shadow: #5F5D5D 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 8px groove #737373; background-color: #F6B0F0; 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: #DBA1E9; 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>Tu Nombre</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/254/841/254841173.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 />Aqí simplemente pueden escribir lo que quieran.<br /><br />MHYVSTARDOLL.BLOGSPOT.COM<br /><br /><br /><br />Preciosanoa<br /> <br /><br /><br /></span><strong></strong></strong></p>

Les sale una foto mía y yo la he puesto con los colores que yo he querido, como el color del borde el fondo, pero eso lo pueden cambiar.

2- Van a necesitar una foto vuestra y no vale copiar y pegar, para ello tenemos que hacer estos pasos:
2.1- Vayan a Albúm - Fotos.
2.2- Y allí eligen la foto que más les guste.
2.3- Pinchan la foto con el botón derecho y dan a "COPIAR URL DE IMAGEN"
Ya tienen el link de su imagen ahora simplemente tienen que borrar el link de mi foto y ponen la suya.

PINCHEN PARA AGRANDAR LA IMAGEN


(PARA ACLARAR, LO QUE ESTÁ SUBRAYADO EN ROSA LO BORRAN Y PONEN EL SUYO)


3- Ahora solo tienen que editar los colores de su presentación.
Donde pone {#Y UN NÚMERITO}, todos esos son los códigos de los colores, si quieren los pueden borrar y ponerlo a vuestro gusto con la página de los códigos de los colores. 
--> Para cambiar el grosor del borde:


¿Ven el 8? Son los px del borde, solo vayan aumentando el valor del número para ponerlo al gusto.

¡CUIDADO! : 
- No borren lo de la presentación, editen lo todo en el HTLM Editor sino, se deformara y quedara horrible.
- Al escribir no presionen enter porque se crea otro panel debajo, lo tienen que editar todo en el editor no en la presentación de stardoll. Eso es gusto de cada una pero a mí al menos no me gusta.

 Para cambiar los colores del borde, de las letras.. Solo tienen que ir probando cual es cual. 

4- Cuando ya tengamos nuestro código editado, tenemos que pegar en nuestra presentación. (El código de arriba)
Después lo pegamos en nuestra presentación así:


Nos va a aparecer error de presentación , pero lo guardan otra vez y listo.


Espero que a todas os haya gustado y que no se os haya hecho larguísimo.
UN BESAZO 


2 comentarios: