Conexión de Invitado
Conectarse

Recuperar mi contraseña

Úlltimos temas
Últimos temas
» Facultades de Personajes Cannon.
Vie Ago 01, 2014 8:31 am por The Writer

» Escena 8: Paseando por el parque, ruidos exraños (Libre)
Sáb Jul 05, 2014 4:28 pm por The Writer

» Escena 6: Universidad [Libre]
Sáb Jul 05, 2014 4:22 pm por The Writer

» Fallen Night [Elite]
Jue Oct 10, 2013 9:20 am por Invitado

» Blood´s Hunters [Afiliación Elite]
Miér Feb 27, 2013 10:40 am por Invitado

» Escena 4: Investigación por el parque [Libre]
Sáb Feb 09, 2013 1:10 pm por Lixzie R.

» Personajes Cannon (Zona de petición)
Dom Feb 03, 2013 4:43 pm por Eck

» Escena 5: Un hogar sumergido en oscuridad [MONÓLOGO]
Dom Feb 03, 2013 2:18 pm por Eck

» Hola. como les va?
Sáb Feb 02, 2013 9:43 pm por Alice Jill V.

Estación
Es verano en la ciudad de Far Off Parade, las temperaturas oscilan entre los 22 y 25 grados celsius y pronto se dará inicio al año de escolaridad normal por ser Septiembre.
¿Sabías que...?
Pese a que Johan Krauss es el acólito heredero no tiene idea que es una puerta infernal y mucho menos sabe lo que es el manuscrito sagrado. Ahora que ha muerto...¿quien le sucederá en su destino?
Twitteo de...
Harvey Stone @H_Stone
Soy el ojo de esta ciudad, recuerden eso
Siguenos en
Afiliados Elite
Licencia de Creative Commons
Scattered Whispers by Eck is licensed under a Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported License.
Afiliación Hermana
Afiliados Elite
EL SECRETO DE LA ROSA Brigantia Thewalkingdeadrol The Hole
Incompletas

Tutorial/Twitter

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial/Twitter

Mensaje  Eck el Mar Ago 14, 2012 3:57 pm

El apartado de twitter es una modalidad interesante, en él podrás interpretar a tu personaje como si estuviera presente en aquella red social, participando e interactuando con otros personajes.

Utilizaremos esta modalidad en el foro pero no es obligatorio, tan solo para los personajes que querias.

  • Si utilizan la modalidad deberán de copiar el link directo en su firma.


Esta modalidad nos sirve por diferentes motivos, los cual detallaremos a continuación:

  1. Personajes no disponibles que no pueden ingresar al rol podrán comunicarse dejando avisos a otros personajes.

  2. Podrán dar información adicional de hacia donde se dirige su personaje o con quien van a juntarse (voy hacia al trabajo o a juntarse con tal persona)

  3. El staff dará información extra en twitters de entidades públicas como la policia entre otros para hacer giros en la historia.

  4. El staff revisará y elegirá cada cierto tiempo los twitteos más reveladores o interesantes de entre los personajes con posible premio posterior al usuario y al personaje.

  5. intentaremos utilizar esa modalidad (y otras que puedan venir en el camino) de manera activa para el rol.


Eso y otras cosas más hacen entretenido el utilizar el twitter para el rol, ahora daremos algunos ejemplos de personajes tentativos para utilizar el twitter, claro está que esto solo es por decirlo de alguna manera como un consejo, pero tu ves como usarlo y de acuerdo a que personaje lleves.

  1. Vampiros, Skinwalkers y Demonios que se hayan integrado a la sociedad, conviviendo con otros y ocultando su identidad.
  2. Gente de cualquier raza que lleve una doble identidad, ya sea por su trabajo o por tener cosas que ocultar.
  3. Cualquier humano que no sepa absolutamente nada de las puertas infernales y mucho menos de las otras razas con las que puede convivir.
  4. identidades falsas y misteriosas que esconden tras de si varios mensajes en clave sobre la ciudad de Far Off Parede o sobre un personaje en específico.
  5. Etc.


Ahora les mostraremos a uno de mis personajes utilizando dicha modalidad

Twitter de Amy Eins

Este Twitter está hecho en código html, sin las características de mi pj se ve así.



NOMBRE DE TU PERSONAJE
@NICK DE TWITTER
BREVE DESCRIPCIÓN DE LO QUE QUIERAS.
Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-

16 TWEETS

9 SIGUIENDO

13 SEGUIDORES
Tweet para ESCRIBE TU NOMBRE
@NICK DE TWITTER
Tweets >
Siguiendo >
Seguidores >
Favoritos >
Listas >
Imágenes recientes >
Similar a @NICK DE TWITTER       >

Taryn Wixson

@bubbleblue Siguiendo

Sam Macfayend

@FlyingSkates Seguir

@Rasia Draker

@redskin Siguiendo
© 2012 Twitter Sobre nosotros 
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores
    Tweets
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Plantilla creada por RedFluffyClouds para SourceCode. No quite los créditos.



Ahora iremos detallando paso a paso como hacer que quede bien, pido paciencia pues es algo dificil y tedioso pero es entretenido de usar.

Posteando este foro: Social Media deben copiar lo siguiente
Código:
<center><div style="width:500px; background:url('IMAGEN DE FONDO CUALQUIERA'); -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;"><img src="http://i.imgur.com/ijR9n.png"></br>

Donde dice IMAGEN DE FONFO CUALQUIERA podrán utilizar la que les plazca pero para Amy yo utilizé esta:

http://i.imgur.com/fhr5P.jpg

Luego de haber copiado el código anterior no registren e inmediatamente después copian esta parte, pero OJO, INMEDIATAMENTE DESPUÉS Y SIN ESPACIO:
Código:
<table width="480px" border="0" cellspacing="0"  -webkit-border-radius="5" -moz-border-radius="5" border-radius="5";><tbody><tr><td style="width:30%" border="0"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius:5px 0px 0px 5px;"><img src="AVATAR DE 125X125" width="125" height="125"></td><td style="width:45%"><div style="background-color:#ffffff; padding:5px; height:150px;"><div align="left"> <strong><font color="#333333"><span style="font-size: 20px; line-height: normal">NOMBRE DE TU PERSONAJE</span></font></strong></br><span style="font-size: 16px; line-height: normal"><font color="#777777">@NICK DE TWITTER</font></span></br><span style="font-size: 12px; line-height: normal"><font color="#777777">BREvE DESCRIPCIÓN DE LO QUE QUIERAS. </font></span></br><span style="font-size: 10px; line-height: normal"><font color="#777777">Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-</font></span>

AVATAR DE 125X125: Una imagen que sea de ese tamaño (125x125), aunque el código html redimensiona la imagen preferimos que ustedes coloquen una de acuerdo a esas características.

NOMBRE DE TU PERSONAJE: No hay por qué aclarar esto.

@NICK DE TWITTER: para los que conocen Twitter sabrán que hay que registrarse con una cuenta que puede ser muy distinta de su nombre (y generalmente lo es), en el caso de Amy podemos ver que su nick es @The_AmyE, pero OJO, deben de dejar el arroba.

BREVE DESCRIPCIÓN DE LO QUE QUIERAS: Aquí colgarás una pequeña descripción, ya sea de como es tu pj (pero la idea es que lo escribas como si el mismo pj se describiera) o tal vez puedes escribir lo que hace (claro está que nadie pondrá en ese lugar soy una Hunter o un vampiro, no querrá exponerse a eso, pero es decisión de ustedes).

LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade En Twitter en esta zona te pide que especifiques tu ubicación, Aquí puedes colocar lugares distintos, ya sea en alguna calle que es donde vives, o lo que se te ocurra, mi personaje simplemente colocó que su ubicación es Ciudad de Far Off Parade.

Luego nuevamente copiamos otra parte del código seguido a lo anterior, SEGUIDO:

Código:
</div></td><td style="width:25%"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;"><img src="http://30.media.tumblr.com/tumblr_lyixf2iPja1r6pf4zo1_250.png"></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>16</strong></font><font color="#777777"><span style="font-size: 10px; line-height: normal"> TWEETS</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>9</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SIGUIENDO</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>13</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SEGUIDORES</span></font></div></div></td></tr></table>
<table width="480px" border="0" cellspacing="12" ><tbody><tr><td style="width:160%" border="0"><div style="background-color:#ffffff; padding:5px; height: 50px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;">

En este lugar no es necesario cambiar nada (te aconsejamos que no lo hagas) pero puedes cambiar una serie de números que aparecen por ahí por ejemplo 16 que son la cantidad de tus Tweets posteados, 9 que son la cantidad de usuarios a los que sigues y 13 que son la cantidad de seguidores que tienes, pero como puedes notar son números al azar y no tienen mucho que ver con lo que aparenta, pero si deseas cambiarlo es tu opción.

Luego vamos con otra parte del código, también pegado a lo anterior, PEGADO:

Código:
<span style="font-size: 10px; line-height: normal"><strong><font color="black">Tweet para ESCRIBE TU NOMBRE</font></strong></span><div style="background-color:#ffffff; padding:5px; height: 14px; width: 160px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080; border: #303030 solid 1px ;"><span style="font-size: 10px; line-height: normal">@NICK DE TWITTER</span></div></div><div style="background-color:#ffffff; padding:5px; height:213px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"><pre><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>Tweets    </strong></font>        <strong><font color="black">></font></strong></div><div style="border-bottom: 1px solid #777777;">Siguiendo          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Seguidores        <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Favoritos          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Listas            <strong>></strong></div>Imágenes recientes <strong>></strong></br></pre><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"></div><div style="height: 20px; overflow: auto; background-color:#ffffff; padding:5px; width: 180px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><span style="font-size: 11px; line-height: normal">Similar a @NICK DE TWITTER      <strong>></strong></span></pre></div><div style="background-color:#ffffff; padding:5px; height:180px; width: 180px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; color: #5b5b5b ;">

Aquí lo que tienes que cambiar es: ESCRIBE AQUÍ TU NOMBRE, @NICK DE TWITTER y AVATAR O IMAGEN DE 60X60, igual que el primer avatar esta imagen se redimensiona pero recomendamos colocar una con ese tamaño desde ya, en este apartado tendrás que colocar 3 imagenes con la misma dimensión (60x60).

Nuevamente copiamos lo siguiente, al igual que todo, PEGADO A lo anterior y sin espacios:

Código:
<table border="0"><tr><td align="left"><img src="http://28.media.tumblr.com/tumblr_m1pp6qGVyt1r6pf4zo1_100.jpg" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>Taryn Wixson</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@bubbleblue</font> <font color="#404040">Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="http://27.media.tumblr.com/tumblr_lym8rn0dLy1r6pf4zo2_100.png" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>Sam Macfayend</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@FlyingSkates</font> <font color="#404040"> Seguir</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="http://28.media.tumblr.com/tumblr_lym92aaBp71r6pf4zo1_100.png" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>@Rasia Draker</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@redskin</font> <font color="#404040"> Siguiendo</font></span></td></tr></table></div><div style="background-color:#ffffff; padding:5px; height: 70px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080 ;"><pre><span style="font-size: 9px; line-height: normal">© 2012 Twitter Sobre nosotros
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores</span></pre></div></td><td style="width:60%" border="0" -webkit-border-radius= "5 5 0 0" -moz-border-radius= "5 5 0 0" border-radius= "5 5 0 0"><div style="height: 18px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;">

Lo anterior deben de dejarlo como está, más avanzado el rol les enseñaré como agregar perfiles de otros usuarios pero por ahora dejemoslo así, ya que inicialmente no habrá muchos que utilizen esta medida.

Luego colocamos otra parte del código, que vendría siendo la última, también pegado:

Código:
<pre><font face="Arial"><font color="black"><span style="font-size: 14px; line-height: normal"><strong>    Tweets</strong></span></font></font></pre></div><div style="height: 546px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; color: #5b5b5b ;"><div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div>

Aquí hay que cambiar varias cosas, entre ellas: EL MISMO AVATAR DE ARRIBA DE 75X75 me refiero con esto al de las dimensiones de 125x125 pixeles (el primero que colocaron), NOMBRE DE TU PERSONAJE, @NICK DE TWITTER y ESCRIBE AQUÍ TU TWITTER, en este irá lo que desee decir tu personaje, si algo le ocurre, si se dirige hacia un sitio, si tiene algo importante que decirle a alguien, etc. En el caso de Amy, ella escribió que se dirigía al trabajo.

Finalmente y no menos importante agregar este código el cual es sumamente trascendental pues son los créditos de quien creó la plantilla html.

Código:
</div></td></tr></table><div style="text-align:center;color:#066; font-size: 8px; ">Plantilla creada por <a href="http://www.oursourcecode.net/u2354" style="color:#700;">RedFluffyClouds</a> para <a href="http://www.oursourcecode.net" style="color:#700;">SourceCode</a>. No quite los créditos.</div>
</div></center>

Se que es un poco engorroso, pero puede resultar entretenido si sabemos usarlo bien, para el que le complica algo colocaré el código completo en una baliza code.

Código:
<center><div style="width:500px; background:url('IMAGEN DE FONDO CUALQUIERA'); -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;"><img src="http://i.imgur.com/ijR9n.png"></br>
<table width="480px" border="0" cellspacing="0"  -webkit-border-radius="5" -moz-border-radius="5" border-radius="5";><tbody><tr><td style="width:30%" border="0"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;"><img src="AVATAR DE 125X125" width="125" height="125"></td><td style="width:45%"><div style="background-color:#ffffff; padding:5px; height:150px;"><div align="left"> <strong><font color="#333333"><span style="font-size: 20px; line-height: normal">NOMBRE DE TU PERSONAJE</span></font></strong></br><span style="font-size: 16px; line-height: normal"><font color="#777777">@NICK DE TWITTER</font></span></br><span style="font-size: 12px; line-height: normal"><font color="#777777">BREVE DESCRIPCIÓN DE LO QUE QUIERAS. </font></span></br><span style="font-size: 10px; line-height: normal"><font color="#777777">Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-</font></span></div></td><td style="width:25%"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;"><img src="http://30.media.tumblr.com/tumblr_lyixf2iPja1r6pf4zo1_250.png"></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>16</strong></font><font color="#777777"><span style="font-size: 10px; line-height: normal"> TWEETS</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>9</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SIGUIENDO</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>13</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SEGUIDORES</span></font></div></div></td></tr></table>
<table width="480px" border="0" cellspacing="12" ><tbody><tr><td style="width:160%" border="0"><div style="background-color:#ffffff; padding:5px; height: 50px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"> <span style="font-size: 10px; line-height: normal"><strong><font color="black">Tweet para ESCRIBE TU NOMBRE</font></strong></span><div style="background-color:#ffffff; padding:5px; height: 14px; width: 160px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080; border: #303030 solid 1px ;"><span style="font-size: 10px; line-height: normal">@NICK DE TWITTER</span></div></div><div style="background-color:#ffffff; padding:5px; height:213px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"><pre><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>Tweets    </strong></font>        <strong><font color="black">></font></strong></div><div style="border-bottom: 1px solid #777777;">Siguiendo          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Seguidores        <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Favoritos          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Listas            <strong>></strong></div>Imágenes recientes <strong>></strong></br></pre><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"></div><div style="height: 20px; overflow: auto; background-color:#ffffff; padding:5px; width: 180px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><span style="font-size: 11px; line-height: normal">Similar a @NICK DE TWITTER      <strong>></strong></span></pre></div><div style="background-color:#ffffff; padding:5px; height:180px; width: 180px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; color: #5b5b5b ;"><table border="0"><tr><td align="left"><img src="http://28.media.tumblr.com/tumblr_m1pp6qGVyt1r6pf4zo1_100.jpg" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>Taryn Wixson</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@bubbleblue</font> <font color="#404040">Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="http://27.media.tumblr.com/tumblr_lym8rn0dLy1r6pf4zo2_100.png" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>Sam Macfayend</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@FlyingSkates</font> <font color="#404040"> Seguir</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="http://28.media.tumblr.com/tumblr_lym92aaBp71r6pf4zo1_100.png" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>@Rasia Draker</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@redskin</font> <font color="#404040"> Siguiendo</font></span></td></tr></table></div><div style="background-color:#ffffff; padding:5px; height: 70px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080 ;"><pre><span style="font-size: 9px; line-height: normal">© 2012 Twitter Sobre nosotros
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores</span></pre></div></td><td style="width:60%" border="0" -webkit-border-radius= "5 5 0 0" -moz-border-radius= "5 5 0 0" border-radius= "5 5 0 0"><div style="height: 18px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><font face="Arial"><font color="black"><span style="font-size: 14px; line-height: normal"><strong>    Tweets</strong></span></font></font></pre></div><div style="height: 546px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; color: #5b5b5b ;"><div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div>
</div></td></tr></table><div style="text-align:center;color:#066; font-size: 8px; ">Plantilla creada por <a href="http://www.oursourcecode.net/u2354" style="color:#700;">RedFluffyClouds</a> para <a href="http://www.oursourcecode.net" style="color:#700;">SourceCode</a>. No quite los créditos.</div>
</div></center>


PARA FINALIZAR

No duden en preguntarme a mi por mp a esta cuenta o a la cuenta de master llamada The Writer, estaré dispuesto a brindar ayuda para quienes les cueste realizar el tutorial.

RECOMENDACIONES

Vayan utilizando la tecla previsualizar a la hora de postear para que vayan viendo como va quedando.

Tutorial/Twitter parte 2 (EL TWITTEO)

Como podrán darse cuenta, en el anterior código sale todo especificado pero cuando les quede listo solo habrá un Twitter escrito por tu personaje.

La idea es que no quede así, para ello existen dos formas de postear un Twitter la primera es simplemente copiando esto dentro del código.

FORMA 1

Código:
<div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div>

Spoiler:
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Debes colocarlo justo antes de esto:

Código:
<div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div>

Spoiler:
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Está justo al final antes del código para los créditos de la creadora de la plantilla, osea, debe de quedar así:

Código:
[code]<div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div><div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table>[/code]</div>

Spoiler:
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Con todo el código debería de verse así:




NOMBRE DE TU PERSONAJE
@NICK DE TWITTER
BREVE DESCRIPCIÓN DE LO QUE QUIERAS.
Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-

16 TWEETS

9 SIGUIENDO

13 SEGUIDORES
Tweet para ESCRIBE TU NOMBRE
@NICK DE TWITTER
Tweets >
Siguiendo >
Seguidores >
Favoritos >
Listas >
Imágenes recientes >
Similar a @NICK DE TWITTER       >

Taryn Wixson

@bubbleblue Siguiendo

Sam Macfayend

@FlyingSkates Seguir

@Rasia Draker

@redskin Siguiendo
© 2012 Twitter Sobre nosotros 
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores
    Tweets
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Plantilla creada por RedFluffyClouds para SourceCode. No quite los créditos.



FORMA 2

La segunda forma es para cuando se te acabe el espacio de la tabla, para ello en un nuevo post deberás simplemente postear lo siguiente:

NOMBRE DE PJ
@NICK DE TWITTER
AQUÍ TU TWEET.

thanks.


Código:
<center><div style="text-align: left; background-color: white; width: 400px; padding: 5px; border: 1px solid #d1d1d1;">[table][tr][td]<img src="IMAGEN DE PERFIL DE 75X75" width="75px">[/td][td style="padding-left: 5px;"]<div style="font-size: 16px; font-weight: ;color: #666;">NOMBRE DE PJ</div><div style="font-size: 9px; font-weight: ;color: #555;">@NICK DE TWITTER</div><div style="height: 30px; overflow: auto; line-height: 10px; font-size: 11px;color: #256">AQUÍ TU TWEET.</div>[img]http://illiweb.com/fa/pbucket.gif[/img]
[/td][/tr][/table]</div>[size=8][url=http://www.oursourcecode.net/u22]thanks.[/url][/size]</center>

Obviamente editando con los mismos datos que en los códigos anteriores.


avatar
Eck
Admin

Mensajes : 102
Fecha de inscripción : 10/07/2012

Ver perfil de usuario http://scattered-whispers.foro-libre.com

Volver arriba Ir abajo

Re: Tutorial/Twitter

Mensaje  Eck el Dom Sep 09, 2012 8:02 am

Tutorial/Twitter parte 3 (EL FOLLOW)

También hay dos formas de hacer el follow, las cuales detallaremos a continuación.

FORMA 1

Si miran con atención en la primera parte del tutorial, verán que hay una parte que no tocamos, la cual es esta:

Similar a @NICK DE TWITTER       >

Taryn Wixson

@bubbleblue Siguiendo

Sam Macfayend

@FlyingSkates Seguir

@Rasia Draker

@redskin Siguiendo


Código:
<div style="height: 20px; overflow: auto; background-color:#ffffff; padding:5px; width: 180px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><span style="font-size: 11px; line-height: normal">Similar a @NICK DE TWITTER      <strong>></strong></span></pre></div><div style="background-color:#ffffff; padding:5px; height:180px; width: 180px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; color: #5b5b5b ;"><table border="0"><tr><td align="left"><img src="http://28.media.tumblr.com/tumblr_m1pp6qGVyt1r6pf4zo1_100.jpg" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>Taryn Wixson</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@bubbleblue</font> <font color="#404040">Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="http://27.media.tumblr.com/tumblr_lym8rn0dLy1r6pf4zo2_100.png" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>Sam Macfayend</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@FlyingSkates</font> <font color="#404040"> Seguir</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="http://28.media.tumblr.com/tumblr_lym92aaBp71r6pf4zo1_100.png" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong>@Rasia Draker</strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020">@redskin</font> <font color="#404040"> Siguiendo</font></span></td></tr></table></div>
Eso que está arriba lo reemplazaremos por esto (tengan cuidado de seleccionar bien para que no se les estropeé la tabla):

Similar a @NICK DE TWITTER       >


Código:
<div style="height: 20px; overflow: auto; background-color:#ffffff; padding:5px; width: 180px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><span style="font-size: 11px; line-height: normal">Similar a @NICK DE TWITTER      <strong>></strong></span></pre></div><div style="background-color:#ffffff; padding:5px; height:240px; width: 180px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; color: #5b5b5b ;"><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 1</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ1</a></font> <font color="#404040">Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 2</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ2</a></font> <font color="#404040"> Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 3</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ3</a></font> <font color="#404040"> Siguiendo</font></span></td></tr></table></div>


Todo el código junto se vería así:



NOMBRE DE TU PERSONAJE
@NICK DE TWITTER
BREVE DESCRIPCIÓN DE LO QUE QUIERAS.
Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-

16 TWEETS

9 SIGUIENDO

13 SEGUIDORES
Tweet para ESCRIBE TU NOMBRE
@NICK DE TWITTER
Tweets >
Siguiendo >
Seguidores >
Favoritos >
Listas >
Imágenes recientes >
Similar a @NICK DE TWITTER       >
© 2012 Twitter Sobre nosotros 
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores
    Tweets
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Plantilla creada por RedFluffyClouds para SourceCode. No quite los créditos.



Código:
<center><div style="width:500px; background:url('IMAGEN DE FONDO CUALQUIERA'); -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;"><img src="http://i.imgur.com/ijR9n.png"></br>
<table width="480px" border="0" cellspacing="0"  -webkit-border-radius="5" -moz-border-radius="5" border-radius="5";><tbody><tr><td style="width:30%" border="0"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;"><img src="AVATAR DE 125X125" width="125" height="125"></td><td style="width:45%"><div style="background-color:#ffffff; padding:5px; height:150px;"><div align="left"> <strong><font color="#333333"><span style="font-size: 20px; line-height: normal">NOMBRE DE TU PERSONAJE</span></font></strong></br><span style="font-size: 16px; line-height: normal"><font color="#777777">@NICK DE TWITTER</font></span></br><span style="font-size: 12px; line-height: normal"><font color="#777777">BREVE DESCRIPCIÓN DE LO QUE QUIERAS. </font></span></br><span style="font-size: 10px; line-height: normal"><font color="#777777">Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-</font></span></div></td><td style="width:25%"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;"><img src="http://30.media.tumblr.com/tumblr_lyixf2iPja1r6pf4zo1_250.png"></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>16</strong></font><font color="#777777"><span style="font-size: 10px; line-height: normal"> TWEETS</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>9</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SIGUIENDO</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>13</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SEGUIDORES</span></font></div></div></td></tr></table>
<table width="480px" border="0" cellspacing="12" ><tbody><tr><td style="width:160%" border="0"><div style="background-color:#ffffff; padding:5px; height: 50px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"> <span style="font-size: 10px; line-height: normal"><strong><font color="black">Tweet para ESCRIBE TU NOMBRE</font></strong></span><div style="background-color:#ffffff; padding:5px; height: 14px; width: 160px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080; border: #303030 solid 1px ;"><span style="font-size: 10px; line-height: normal">@NICK DE TWITTER</span></div></div><div style="background-color:#ffffff; padding:5px; height:213px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"><pre><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>Tweets    </strong></font>        <strong><font color="black">></font></strong></div><div style="border-bottom: 1px solid #777777;">Siguiendo          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Seguidores        <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Favoritos          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Listas            <strong>></strong></div>Imágenes recientes <strong>></strong></br></pre><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"></div><div style="height: 20px; overflow: auto; background-color:#ffffff; padding:5px; width: 180px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><span style="font-size: 11px; line-height: normal">Similar a @NICK DE TWITTER      <strong>></strong></span></pre></div><div style="background-color:#ffffff; padding:5px; height:240px; width: 180px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; color: #5b5b5b ;"><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 1</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ1</a></font> <font color="#404040">Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 2</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ2</a></font> <font color="#404040"> Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 3</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ3</a></font> <font color="#404040"> Siguiendo</font></span></td></tr></table></div><div style="background-color:#ffffff; padding:5px; height: 70px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080 ;"><pre><span style="font-size: 9px; line-height: normal">© 2012 Twitter Sobre nosotros
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores</span></pre></div></td><td style="width:60%" border="0" -webkit-border-radius= "5 5 0 0" -moz-border-radius= "5 5 0 0" border-radius= "5 5 0 0"><div style="height: 18px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><font face="Arial"><font color="black"><span style="font-size: 14px; line-height: normal"><strong>    Tweets</strong></span></font></font></pre></div><div style="height: 546px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; color: #5b5b5b ;"><div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div>
</div></td></tr></table><div style="text-align:center;color:#066; font-size: 8px; ">Plantilla creada por <a href="http://www.oursourcecode.net/u2354" style="color:#700;">RedFluffyClouds</a> para <a href="http://www.oursourcecode.net" style="color:#700;">SourceCode</a>. No quite los créditos.</div>
</div></center>

Como verán, la tablilla se desconfiguró, pero no se asusten, eso es un tanto lo dificil en html pero si siguen los pasos correctamente le pillarán la gracia.

En una de las partes más bajas de la tablilla (antes del posteo de twitter y el código de los créditos, verán esto:

Código:
Tweets</strong></span></font></font></pre></div><div style="height: 546px;
(hay un espacio importante antes de la palabra Tweets en la tablilla completa, por lo que debería hacerles fácil notar esta parte del código).

Allí solo tienen que cambiar height: 546px; por height: 606px;

y les quedará así:



NOMBRE DE TU PERSONAJE
@NICK DE TWITTER
BREVE DESCRIPCIÓN DE LO QUE QUIERAS.
Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-

16 TWEETS

9 SIGUIENDO

13 SEGUIDORES
Tweet para ESCRIBE TU NOMBRE
@NICK DE TWITTER
Tweets >
Siguiendo >
Seguidores >
Favoritos >
Listas >
Imágenes recientes >
Similar a @NICK DE TWITTER       >
© 2012 Twitter Sobre nosotros 
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores
    Tweets
NOMBRE DE TU PERSONAJE @NICK DE TWITTER
ESCRIBE AQUÍ TU TWITTER

Plantilla creada por RedFluffyClouds para SourceCode. No quite los créditos.



Código:
<center><div style="width:500px; background:url('IMAGEN DE FONDO CUALQUIERA'); -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;"><img src="http://i.imgur.com/ijR9n.png"></br>
<table width="480px" border="0" cellspacing="0"  -webkit-border-radius="5" -moz-border-radius="5" border-radius="5";><tbody><tr><td style="width:30%" border="0"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;"><img src="AVATAR DE 125X125" width="125" height="125"></td><td style="width:45%"><div style="background-color:#ffffff; padding:5px; height:150px;"><div align="left"> <strong><font color="#333333"><span style="font-size: 20px; line-height: normal">NOMBRE DE TU PERSONAJE</span></font></strong></br><span style="font-size: 16px; line-height: normal"><font color="#777777">@NICK DE TWITTER</font></span></br><span style="font-size: 12px; line-height: normal"><font color="#777777">BREVE DESCRIPCIÓN DE LO QUE QUIERAS. </font></span></br><span style="font-size: 10px; line-height: normal"><font color="#777777">Ubicación -LO QUE QUIERAS, PUEDES COLOCAR LA Ciudad de Far Off Parade-</font></span></div></td><td style="width:25%"><div style="background-color:#ffffff; padding:5px; height:150px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;"><img src="http://30.media.tumblr.com/tumblr_lyixf2iPja1r6pf4zo1_250.png"></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>16</strong></font><font color="#777777"><span style="font-size: 10px; line-height: normal"> TWEETS</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>9</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SIGUIENDO</span></font></div></br><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>13</strong></font><font color="#777777"> <span style="font-size: 10px; line-height: normal">SEGUIDORES</span></font></div></div></td></tr></table>
<table width="480px" border="0" cellspacing="12" ><tbody><tr><td style="width:160%" border="0"><div style="background-color:#ffffff; padding:5px; height: 50px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"> <span style="font-size: 10px; line-height: normal"><strong><font color="black">Tweet para ESCRIBE TU NOMBRE</font></strong></span><div style="background-color:#ffffff; padding:5px; height: 14px; width: 160px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080; border: #303030 solid 1px ;"><span style="font-size: 10px; line-height: normal">@NICK DE TWITTER</span></div></div><div style="background-color:#ffffff; padding:5px; height:213px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #5b5b5b ;"><pre><div style="border-bottom: 1px solid #777777;"><font color="black"><strong>Tweets    </strong></font>        <strong><font color="black">></font></strong></div><div style="border-bottom: 1px solid #777777;">Siguiendo          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Seguidores        <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Favoritos          <strong>></strong></div><div style="border-bottom: 1px solid #777777;">Listas            <strong>></strong></div>Imágenes recientes <strong>></strong></br></pre><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"><img src="AVATAR O IMAGEN DE 60X60" width="60" height="60"></div><div style="height: 20px; overflow: auto; background-color:#ffffff; padding:5px; width: 180px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><span style="font-size: 11px; line-height: normal">Similar a @NICK DE TWITTER      <strong>></strong></span></pre></div><div style="background-color:#ffffff; padding:5px; height:240px; width: 180px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; color: #5b5b5b ;"><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 1</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ1</a></font> <font color="#404040">Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 2</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ2</a></font> <font color="#404040"> Siguiendo</font></span></td></tr></table><table border="0"><tr><td align="left"><img src="IMAGEN DE OTRO PJ DE 50X50" width="50" height="50"> </td><td align="left"> <font color="#020202"><font face="Verdana">
<span style="font-size: 11px; line-height: normal"><strong><a title="Perfil de usuario" href="LINK DE PERFIL DEL USUARIO">NOMBRE DE PJ 3</a></strong></span></font></font>
<span style="font-size: 9px; line-height: normal"><font color="#202020"><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">@NICK DE TWITTER PJ3</a></font> <font color="#404040"> Siguiendo</font></span></td></tr></table></div><div style="background-color:#ffffff; padding:5px; height: 70px; width: 180px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; color: #808080 ;"><pre><span style="font-size: 9px; line-height: normal">© 2012 Twitter Sobre nosotros
Ayuda Condiciones Privacidad
Blog Estado Aplicaciones
Recursos Trabajos Publicidad
Negocios Media Desarrolladores</span></pre></div></td><td style="width:60%" border="0" -webkit-border-radius= "5 5 0 0" -moz-border-radius= "5 5 0 0" border-radius= "5 5 0 0"><div style="height: 18px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #5b5b5b ; border-bottom: 1px solid #777777;"><pre><font face="Arial"><font color="black"><span style="font-size: 14px; line-height: normal"><strong>    Tweets</strong></span></font></font></pre></div><div style="height: 606px; overflow: auto; background-color:#ffffff; padding:5px; width: 265px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; color: #5b5b5b ;"><div style="border-bottom: 1px solid #777777;"><table border="0"><tr><td align="left"><img src="EL MISMO AVATAR DE ARRIBA DE 75X75 " width="75" height="75"> </td><td align="left"> <font color="#101010"><font face="Verdana"><span style="font-size: 14px; line-height: normal"><strong>NOMBRE DE TU PERSONAJE</strong></span> <span style="font-size: 11px; line-height: normal">@NICK DE TWITTER</span></font></font>
<font color="#202020"><span style="font-size: 11px; line-height: normal"><i> ESCRIBE AQUÍ TU TWITTER</i></span></font></td></tr></table></div>
</div></td></tr></table><div style="text-align:center;color:#066; font-size: 8px; ">Plantilla creada por <a href="http://www.oursourcecode.net/u2354" style="color:#700;">RedFluffyClouds</a> para <a href="http://www.oursourcecode.net" style="color:#700;">SourceCode</a>. No quite los créditos.</div>
</div></center>

Una vez ya solucionado el problema simplemente nos dedicamos a rellenar los datos

FORMA 2

La segunda forma es mucho más fácil y es ya para cuando se nos acaben los espacios en la tablilla, u otros usuarios deseén seguirte, para ello cada usuario deberá postear lo siguiente al usuario y personaje que deseé seguir (Por ejemplo Amy Eins quiere seguir a Emily Evnas y postea en su twitter esto):

PERSONAJE 1 ha comenzado a seguirte.
thanks.


Código:
<center><div style="text-align: left; width: 640px; height: 75px; background-image: url(http://illiweb.com/fa/pbucket.gif); background-color: white ;background-repeat: no-repeat; width: 400px; padding: 5px; border: 1px solid #d1d1d1;"><div style="padding-left: 40px; height: 30px; overflow: auto;  font-size: 14px;;color: #666; "><a title="Twitter de personaje" href="LINK DE TWITTER DEL PERSONAJE">[b]PERSONAJE 1[/b]</a> ha comenzado a seguirte. </div><div style="padding-left: 40px; padding-top: 0px;"><img src="AVATAR PERSONAJE 1 DE 50X50" width="50px"> </div></div>[size=8][url=http://www.oursourcecode.net/u22]thanks.[/url][/size]</center>

El usuario que quiera seguir a otro tendrá que rellenar estos datos y postear en su twitter; en cambio, el usuario dueño del twitter podrá tomar la imagen de avatar de 50x50 (click derecho) y usarla para rellenar sus espacios que le faltan en la tablilla principal.
avatar
Eck
Admin

Mensajes : 102
Fecha de inscripción : 10/07/2012

Ver perfil de usuario http://scattered-whispers.foro-libre.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.