Tutorial de Presentación

Hola chicas, le traigo un tutorial para su presentación, es con código, es muy fácil, solo tienen que encontrar la manera de usarlo, pondré los códigos y les enseñare que tienen que cambiar para que quede a su gusto, el color del círculo concuerda con el color de la letra. 

Ejemplo: Círculo Azul-Texto Azul

Aquí deben borrar lo encerrado, luego van a Mi pagina>Album>Fotos> y en la foto que ustedes quieran dan clic derecho y luego dan clic en copiar URL de la imagen así:

Después de tener el URL de la imagen la pegan en donde estaba el otro URL

Aquí pueden cambiar el tipo de letra, (los tipos de letras los pueden probar en Microsoft Word) el tipo de letra se cambia después de la palabra Font-Family:

Aquí deben borrar el código, ( el código de color va siempre después de la palabra color: ) ponen otro, Ejemplo: Cambiar color: #000 por color: #fff

(los códigos de colores se encuentran aquí)

Aquí pueden escribir su presentación, lo que quieran, si quieren dejar un espacio no escriban nada y si quieren agregar un párrafo ponen <br />  hasta el final, pero se pondré una barra desplasadora

Para ver como va quedando los códigos los deben escribir aquí 

Estos son los códigos

<p style="padding: 1px; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; color: #000; background-color: #fafafa; text-align: center;"><span id="" style="margin-top: 1px; width: 600px; height: 400px; border: 1.5px solid dashed; border-bottom: 2px #000; color: #fff; z-index: 2; overflow: hidden; display: block;"5"><img style="z-index: 2; margin: -100px; opacity: 0.9;"src="http://www.sdcdn.com/camera/183/861/183861289.jpg" alt="" width="130%&lt;br /&gt;%" /> </span><span style="color: #fff;"> <br /></span><span style="margin-top: -400px; margin-left: 75px; padding: 5px; width: 450px; height: 90px; border: 4px double #F7FE2E; box-shadow: #000000 0px 0px 10px; font-size: 29px; z-index: 1; overflow: hidden; font-family: CASTELLAR; display: block; opacity: 0.8; color: #fff;""><span><strong><span style="font-family: 'validimir script', palatino; font-size: large;"><br /></span></strong></span><strong><span style="font-size: 22pt;">reinalocamanda</span><span style="font-size: 22pt;"><br /> </span><span style="font-size: 18pt; background-position: initial initial; background-repeat: initial initial;"><br /> <br /> </span></strong><span><strong><span style="font-family: 'validimir script', palatino; font-size: large;"><br /><br />&nbsp;</span></strong></span></span><span style="margin-top: 15px; margin-left: 20px; padding: 1px; width: 540px; height: 210px; border: 4px double #F7FE2E; box-shadow: #000000 0px 0px 5px; font-size: 20px; opacity: 0.7; text-align: center; text-shadow: #000000 0px 0px 1px; z-index: 1; overflow-x: hidden; overflow-y: auto; font-family: 'Century Gothic'; display: block; color: white;" title=""><span style="font-family: Monotype Corsiva; font-size: 70px;">Bienvenidas</span><span style="font-size: 12.5px; text-shadow: #000000 0px 1px 2px; font-family: Footlighy MT Light Gothic;"><br /><span style="font-size: 20pt; background-position: initial initial; background-repeat: initial initial;">cosas por escribir<br />cosas por escribir<br />cosas por escribir

<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>Holis</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/183/861/183861289.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: #fff;""><br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir

<p id="" style="margin: auto; border-radius: 35px; box-shadow: #DF0174 0px 0px 20px; padding: auto; width: 550px; height: 540px; border: 6px dotted #fff; background-color: #5F04B4; color: #ffccff; font-family: Calibri,'Century Gothic',sans-serif; overflow: hidden; display: block;" title=""><span id="" style="; margin-top: 20px; margin-left: -75px; padding: auto; width: 350px; background-color: #fff; text-decoration: blink; text-shadow: 0px 0px 6px #DF0174; color: #5F04B4; font-family: Comic sans; font-size: 50px; text-align: center; opacity: 0.9; transform: rotate(10deg); -moz-transform: rotate(335deg); -webkit-transform: rotate(335deg); -ms-transform: rotate(355deg); -o-transform: rotate(335deg); z-index: 2; overflow: hidden; display: block;" title=""><em>Hola</em></span><span id="" style="margin-top: -65px; margin-left: 225px; width: 300px; height: 90px; font-size: 11px; letter-spacing: 4px; text-align: center; ; z-index: 2; overflow: hidden; display: block;" title=""><strong><br />cosas por escribir<br />cosas por escribir<br /><br /></strong></span><strong><span id="" style="margin-top: -45px; margin-left: 225px; padding: 5px; width: 290px; border-top: 2px dotted #fff; opacity: 0.6; font-size: 11px; letter-spacing: 3px; text-align: center; ; z-index: 3; overflow: hidden; display: block;" title=""><strong>cosas por escribir<br /><br /><br /></strong></span>&nbsp;<span id="" style="margin-top: -25px; padding: 0px; width: 550px; ; z-index: 1; overflow: hidden; display: block;" title=""><img src="http://www.sdcdn.com/camera/183/861/183861289.jpg" alt="" /> </span><span id="" style="margin-left: 25px; margin-top: -370px; padding: 5px; width: 490px; height: 290px; font-size: 16px; opacity: 0.9; z-index: 2; text-align: right; overflow: auto; display: block; color: #DF0174;" title="">cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir<br />cosas por escribir

En todos los códigos se deben seguir las mismas indicaciones, al terminar copian el código lo pegan en su presentación, va a decir que contiene datos personales y que no se guardó, lo vuelven a guardar y listo, ojalá les sirva, le doy créditos a xBuBUxD por pasarme los códigos y páginas.