Tutorial c:

Bueno ahora están muy de moda estás presentaciones:

Bueno,la verdad,es un poco cansino tener que hacerlas. Yo les voy a enseñar a hacerlas, para que no tengan que ir...Ya saben,pidiéndolas :)

Partiremos del siguiente ejemplo:

Muy bien, la verdad esque es simple. Solo necesitamos modificar su código.

Teneís que ir a http://htmledit.squarefree.com/

Borran el texto escrito y copian y pegan el siguiente código:

<p style="margin: auto; box-shadow: blue 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 10px dotted #01A9DB; background-color: blue; color: blue ; font-family: Century Gothic,'Calibri',comic sans; overflow: hidden; display: block;""><span style="; margin-top: 10px; margin-left: -100px; padding: auto; width: 400px; background-color: #3BB9FF; text-decoration; text-shadow: 0px 3px 6px blue; color: #ffffff; font-family: Freestyle Script; font-size: 53px; text-align: center; opacity: 0.9; transform; z-index: 2; overflow: hidden; display: block;""><em>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/143/34/143034314.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: white;""><br />Texto de la presentación <br /><br />Texto de la presentación<br /><br /><br /><br />Texto de la presentación<br /> (c)Linda9Fiesta<br /><br /><br /></span><strong></strong></strong></p>

Al copiarlo y pegarlo aparecerá, cómo magia :3

Bien,pues empezemos a editarla.

1º BORDES.

Para cambiar los bordes, miremos esta parte del código que es solo para los bordes,el principio:

<p style="margin: auto; box-shadow: blue 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 10px dotted #01A9DB; background-color: blue; color: blue ;

HASTA AHÍ. La 1º línea.

Las cosas marcadas en rojo son las que debemos cambiar hasta dar con el color que nos guste. Para eso usaremos http://www.computerhope.com/htmcolor.htm

Aparecen a la izquierda muchos colores, y a la derecha, dónde dice "Code" aparece el código de ese color. Solo debemos copiar y pegar el que nos guste SUSTITUYENDO EL QUE YA ESTÁ. No borren ninguna parte del código más.

Por ejemplo, para cambiar el brillo del fondo, la parte del código es <p style="margin: auto; box-shadow: blue
Cambiamos blue,por,por ejemplo,#F6358A

Quedaría:  <p style="margin: auto; box-shadow: #F6358A

Háganlo así hasta cambiar todos los colores :) (La parte de rojo es la que debemos cambiar)

Para cambiar el color azul del fondo de los lunares: <p style="margin: auto; box-shadow: blue 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 10px dotted #01A9DB; background-color: blue; color: blue ;

PUEDEN PONER "BLUE,PINK,ETC" EN INGLÉS O COGER UN CÓDIGO.CÓMO,POR EJEMPLO,EL DE ARRIBA:   #F6358A

Para cambiar el color de los lunares: <p style="margin: auto; box-shadow: blue 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 10px dotted #01A9DB; background-color: blue; color: blue ; (La parte de rojo)

AHORA IMPORTANTEN,SI HAN CAMBIADO LAS COSAS IRÁN ASÍ:

Bien,ahora según esta parte del código:

<p style="margin: auto; box-shadow: blue 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 10px dotted #01A9DB; background-color: blue; color: blue ;

La parte en azul que dice dotted, la pueden cambiar por: groove, dashed; solid;  double; dotted;  ridge; inset; o outset para cambiarlo a liso,con puntos, sin nada, doble... Cómo queraís. (Para cambiar el borde,a puntitos,sin nada....)

Pasamos a otra parte...

TEXTO:

La siguiente parte del código es font-family: Century Gothic,'Calibri',comic sans; overflow: hidden; display: block;""><span style="; margin-top: 10px; margin-left: -100px; padding: auto; width: 400px;  (La segunda línea entera vamos).

De ahí no tienen que tocar NADA menos la parte que dice "Century Gotich",que es la fuente de la letra. Pueden cambiarla por muchas que pueden ver el el Microsoft Office World.


Pueden copiar y pegar cómo se llama la letra :3

Aquí os dejo algunas:

Century Gothic
Comic Sans MS
Courier New
Calibri
Curlz MT
Kristen ITC

Podeís probar con esas también :)

SIGUIENTE: Fondo de la caja del nombre y texto.

Esta parte del código es:


background-color: #3BB9FF; text-decoration; text-shadow: 0px 3px 6px blue; color: #ffffff; font-family: Freestyle Script; font-size: 53px; text-align: center; opacity: 0.9; transform; z-index: 2; overflow: hidden; display: block;""><em>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; ;

1º parte en rojo: color de fondo. ¿Se ve azul y no te gusta? Usa los códigos anteriores y cámbialo:)
2º parte en rojo: La sombra de la palabra "Nombre :)" cambiala con códigos o nombres de colores en inglés.
3º parte en rojo "#ffffff: El color del texto que dice "Nombre". Usa los códigos :3
4º Parte en rojo que dice "Freestyle Script": Es la letra, el tipo de letra. Repitan el paso anterior, usen Microsoft Office word o copien y peguen las de arriba :)
Parte que dice: "53": El tamaño, cambiadlo con números.

FINAL: FOTO DE FONDO

; z-index: 1; overflow: hidden; display: block;""><img src="http://www.sdcdn.com/camera/143/34/143034314.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: white;""><br />Texto de la presentación <br /><br />Texto de la presentación<br /><br /><br /><br />Texto de la presentación<br /> (c)Linda9Fiesta<br /><br /><br /></span><strong></strong></strong></p>

1º Parte: La foto :) Para poner vuestra foto,haceros una foto en el salón de belleza,en la suite,etc, id a älbum-> Fotos y hacer lo siguiente:

HACÉIS CICK CON EL BOTÓN DERECHO EN LA IMAGEN QUE QUERÁIS Y CLICKEAIS EN:

"Copiar la ruta de la imagen"

Se os copiará la URL que debeís copiar y pegar en la primera parte en rojo.

Actualmente estará así:

(Más o menos con vuestras cosas)

2º Parte en rojo: "Font size: 18px" Pues cambiaís 18 por el tamaño que queraís del texto :)

3º Parte "...block; color: white;..." WHITE es el color del texto que dice "Texto de la presentación", poneís un código (por ejemplo #3BB9FF) o ponéis un color a secas; white, red, black...

*FIN* :3

Ahora solo tenéis que copiar y pegar ese código que habéis creado/personalizado en el HTML editor :)

Vais a vuestra suite..."modificar presentación"... Copiáis y pegáis el código en la presentación...guardar...

Y SALE ESTO:

NI-CASO. Guardar otra vez. ¡Ya la tenéis! :D 

 Listo :D Ahora ya la teneís para editarla tranquilamente,jeje :3

No-hago-presentaciones ya que os he mostrado cómo hacerlas. Sin embargo,cualquier duda en un comentario aquí abajo o en la suite de SOFI-PRESSES,no en mi suite de Linda9Fiesta,porque no los responderé.

Si quereís ver la pres que he hecho en realidad la doll es Violeta.17Star :)

Ahora sale a 10 SD o a 100 SC que yo os la haga si quereís, pero por Dios INTENTADLO que es fácil y además UNO SE SIENTE MÁS ORGULLOSO DE SU TRABAJO LUEGO :)

¡Suerteeeee!

*Créditos a xBuBUxD (ya que puede que sea su código y a su blog MEGA TIPS TRUCOS DE STARDOLL*


xxxxLinda9Fiesta|Sofía