sábado, 23 de noviembre de 2013

Presentación con códigos HTML + Banner ♥

Holiiiiiiiiiii n.n
Aprovecho de editar el post para poner el banner x3 Y para que sepan quien es mi doll ^^
Voy a usar este de ahora en mas.
Los brazos estan deformes..lo se xd

Bueno,el blog esta medio abandonado,y para que no quede desierto voy a empezar con un tutorial n-n 
Como dice el título,hoy les traigo un tutorial de presentaciones en códigos HTML. 
... sadasdasdasd yo me la paso con tutoriales y eso,y no publico nada de moda Dx lol 
Pero quedaros tranquilas (? que en estos días les hago un tutorial para hacer un vestido muuuuy lindo que se me ocurrió hace muucho tiempo 
Bueno,voy a hacer lo mas posible para que se entienda
Aun que no sé por donde empezar pero bueno xD

PD:Cuando pasas el mouse por encima de la presentación dice tu nombre 

Primero que nada les voy a mostrar la presentación que vamos a editar:
Es algo simple,pero para mi esta linda ^^ 

Ah por cierto,voy a tratar de hacer capturas para que se guíen mas xd

 Lo primero que vamos a necesitar es un editor HTML para editar la presentación a nuestro gusto.

 Una tabla o paleta con códigos de colores.
Esta es la mejor que conseguí 

 Y por último  el código HTML de la presentación: 
<p style="background-color:#000;color:#FFFFFF; box-shadow: 1px 1px 20px black;text-align: center; margin: auto;  width: 500px">
    <span style="background-color:#FFFFFF;margin-left: 20px;  color: #B560F1; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 15px; padding: 0px; text-align:center; width: 460px;height: 200px; overflow: hidden;" title="Aqui pones tu nombre n-n"><img alt="" height="254" src="http://www.sdcdn.com/camera/286/881/286881023.jpg" width="463" /></span><br />
    <span style="background-color:#FFFFFF;margin-left: 20px; opacity:0.5; color: #000; float: left; font-family: Chiller; font-size: 12px; margin-top: -150px; padding: -1px; text-align:center; width: 460px;height: 54px; overflow: hidden;" title="Aqui pones tu nombre n-n"><span style="font-size:48px;">- WELCOME -&nbsp;</span></span><span style="background-color:#FFFFFF;margin-left: 80px;  opacity:0.5; color: #000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 15px; padding: 3px; text-align:center; width: 360px;height: 100px; overflow-y: scroll;overflow-x: hidden;" title="Aqui pones tu nombre n-n">Type here your text</span><span style="background-color:#FFFFFf;margin-left: 80px;  opacity:0.5; color: #000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 15px; padding: 3px; text-align:center; width: 360px;height: 100px; overflow-y: scroll;overflow-x: hidden;" title="Aqui pones tu nombre n-n">Type here your text</span><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <span style="color:#ffffff;"><span style="font-size:10px;">Made by Charly__6__  Edit: Por yo (?</span></span></p> 

 Muy bien,ahora lo que vamos a hacer es copiar y pegar ese código al editor HTML que les deje anteriormente

Una vez lo tengamos en el editor,van a poder notar los siguientes códigos:
*Click para agrandar
Esos códigos son los que vamos a editar primero:
El primer código que se muestra en la imagen de arriba,es para cambiar el color del fondo,ej:

Lo que van a hacer para cambiarlo es ir al link que dejé anteriormente,eligen un color lo copian y lo pegan en el código #000 (esta al principio del código de la presentación)
EL CODIGO QUE TIENEN QUE PEGAR ES ESTE:


 Ahora,van al editor y presionan CTRL + F y mágicamente se te abrira una barrita de búsqueda,en esa barrita escribes:
Aquí pones tu nombre n-n
Se resaltará el fondo del texto (es de color amarillo o naranja)
Borras eso y pones tu nombre o tu nick de stardoll :) O lo que quieras poner

 Bueno,presten atención aquí:
Ahora vamos a cambiar la imagen de la presentación 

Como todas sabemos,stardoll solo nos deja poner imágenes de nuestra cámara en las presentaciones,así que  vamos a sacarse una foto de nuestra doll o de algún mueble de su suite y nos vamos a 
Mi pagina>Álbum>Fotos 
Elegimos la que queramos y damos click derecho Y copiar URL de la imagen

Una vez hecho eso,nos vamos al editor y buscamos el siguiente código:
*Click a la imagen para agrandarla
Bien,ahora borramos el url que  esta dentro de las comillas " Y pegamos el URL de nuestra foto:

El post se esta haciendo muy largo xd 

 Ahora editaremos esta parte:

Ubicación:
En esa ubicación le pueden cambiar el color  de esa barra ,Se van al link que les deje al principio,elijen un color de la tabla de colores, copian el código del color que eligieron y lo pegan en esa ubicación

Ahora,el color de la letra,simplemente tienen que irse al generador de códigos de color,elijen un color y lo copian y pegan en la siguiente ubicación:
O bien lo dejan como esta.

 Ahora cambiaremos la fuente (letra) del título en el cual ira nuestro nick,nombre o alguna palabra de bienvenida para nuestros visitantes.

Ubicación:

Aqui no va ningún código,simplemente tienes que poner el nombre de la letra,si no sabes como se llaman,aquí te dejo algunas que ami me encantan *-*

AKMy Prince
Always In My Heart
Bright Young Things
Claire Hand ,mi font favorita n.n
Courier new
Cupid de Locke Esta también me encanta *O*
Moonstar
Ziggy Zoe

Esas son mis favoritas,si no te gustan puedes buscar por internet nombres de fuentes y te saldrá n-n

 Y por ultimo,le vamos a cambiar la letra de los dos cuadraditos xd 
Van a presionar ctrl + f en su teclado y escriben Trebuchet MS en la barrita que les aparece arriba 
Y van a borrar lo que esta adentro de los apostrofes ' y van a copiar y pegar alguna de las fuentes que les deje remarcadas arriba,y si se ven mal solo le cambias el tamaño n-n

Eso fue todo espero que les sirva y les guste,me tarde 2 horas en escribir todo n-n 
Si tienen algunas dudas,no duden en preguntar en ESTE post,si? ^^
Espero que este bien explicado xd

PD: Naty ya estoy aprendiendo a hacer gráficos xP creo que no es muy complicado,igual si ya le pediste a otra chica que los hiciera no hay problema n-n