Tutorial presentacion con foto

hola a todas vamos a hacer esta presentacion:
es un poco complicado asique esten atentos

Necesitamos:

El codigo HTML que yo ahora se lo dare no se asusten es un poco largo pero solo tienen que copiarlo.

Codigo HTML:

<p style="margin: auto; box-shadow: #DF01A5 3px 0px 20px; padding: auto; width: 550px; height: 450px; border: 8px groove #fff; background-color: #64fe2e; color: #ffff ; 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:#fff ; text-decoration; text-shadow: 0px 3px 6px #64fe2e; color: #64fe2e; font-family: Harrington; font-size: 50px; text-align: center; opacity: 0.9; transform; z-index: 2; overflow: hidden; display: block;""><em>ROKI</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/172/75/172075592.jpg"" /> </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 />eii!! aqui pueden escribir lo que quieran en su presentacion... <br /><br />Y aqui tambien jejeje.....<br /><br /><br /><br />Espero que les haya gustado y solo saldra la barra si hay lo suficiente escrito besos<br /> stardolleras!!!!!!!!<br /><br /><br /></span><strong></strong></strong></p>

Un editor HTML

nosotros utilizaremos este:: http://htmledit.squarefree.com/

Una página que me muestre los codigos HTML de los colores, las pueden buscar en google, la que más se le haga facil su uso.

la que mas me gusta es esta http://html-color-codes.info/codigos-de-colores-hexadecimales/

Una foto chula o bonita de su doll

EMPECEMOS...

 Primero que vamos a hacer es ir al editor html (el link está mas arriba) y  copiamos el código y por ultimo lo pegamos en la parte azul del editor html, así:

(lo que esta subrayado de azul es el codigo)

Al pegar el codigo saldra la presentacion respecto al codigo

Ahora procederemos a cambiar el fondo de la imagen, como ven tiene una foto mia, pues su foto de esta forma

1.- Van a la sección de sus fotos en stardoll, para eso solo hacen click en album y luego click en fotos. 

2.- Buscan la foto que les guste más o la que quieran usar como fondo y hacen click derecho encima de la imagen, luego en el menu que les aparece, seleccionan "Copiar Url de la imagen". De éste modo:

3.- Bien, ahora va lo fundamental, donde pegaremos el  link de la foto, pues vamos al editor html y buscamos en el código la parte que corresponde a la imagen y la vamos a reemplazar por el  link que acabos de copiar de nuestra imagen en stardoll. 

Sólo seleccionamos esa parte del código, la borramos y pegamos el url que copiamos antes de la foto (El url debe quedar dentro de las dos comillas chicas).  aqui esta ubicado el codigo que tienen que quirtar

da en la imgen para agrandar

C) Ahora vamos a editar el nombre en la franja que dice "ROKI", le puse roki para que fuera referencia que se tenia que poner un nombre ahi. No puede ser muy largo porque entonces no cabe o no se ve bien así, que recomiendo que no sea algo de mas de 5 o 6 letras.

Para eso deben ir al código en el editor y buscar la parte del código donde diga ROKI, borran la palabra roki y escriben el nombre que quieran, de este modo:

Nota: Algo importante, sólo editare el nombre principal, desde el editor html, el otro texto de la presentación no lo editen el editor, dejenlo tal cual, luego que pongan el codigo en stardoll, ahí se hará más facil cambiar el texto por lo que uds quieran escribir :).

D) Ya tenemos nuestra foto de fondo y el nombre principal, ahora vamos a editar los colores de nuestra presentacion. Ponga mucha atención que acá si que confunde hahaha.

En todo el codigo verán cosas como ésta por ejemplo #ffff, el signo de número seguido de letras y números,  eso nos indica que utiliza un color. Entonces lo que haremos es ir a la página que les proporcioné para los colores html, al hacer click en uno de los colores de la paleta de colores, debajo se les pondrá el código correspondiente a ese color. Deben seleccionar ese código y reemplazar por éste el color que desean cambiar de la presentacion.

vayan a la pagina del principio de codigos de colores o elijan algunos de estas fotografias 

E) Una vez tengamos nuestro códdigo editado correctamente con los colores que elegimos y todo eso, procedemos a ponerlo en stardoll.

Entonces lo que haremos es seleccionar todo el código de la parte azul del editor html y lo vamos a pegar en el panel de nuestra presentación en stardoll, así: 

Luego hacemos click en "Guardar" y nos dará error la presentación. Al darnos error, nos convertirá el código que pegamos en la imagen de la presentacion, entonces ahi procedemos a editar todo el texto que está, por lo que queremos escribir en nuestra presentacion, los datos de nuestra doll, frases o lo que sea que quieran poner.

Nota: al escribir no presionen enter, porque es que se les crea otro panel debajo, tendrán que escribir seguido y cuando llene la linea entonces ella misma bajará a la siguiente. Si quieren hacerlo con espacios, tendran que editarlo en el codigo, mediante el editor html, ya eso es cuestión de cada quien, si quieren ponerse a probar, porque yo sólo les estoy dando lo básico.

Luego que cambien el texto que está por lo que uds quieran, guardan la presentación y listo!! tendrán una hermosa presentación como ésta:

Ésto fue todo, bastante largo el tutorial, quise explicar más cosas pero se hacia más y más largo y bueno, leanlo detenidamente y háganlo sin prisa, ojala que les ayude y si no entienden algo preguntan acá en la entrada.

gracias al blog megatips stardoll porque cogi lo que se dice el texto de ellos en la mayoria pero lo de descubrir esto lo conseguimos una amiga y yo bueno gracias por leerlo