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%<br />%" />
</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 /> </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> <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> <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.
