Modelo de Twitter.

Ver el tema anterior Ver el tema siguiente Ir abajo

Mensaje por Lady of rumors el Lun Oct 12, 2015 4:16 pm

name on twitter
@twitterusername
description, use br-tags to start a new row if you think it goes too wide for your liking
city/town
###
TWEETS
###
FOLLOWING
###
FOLLOWERS
 
Following

Tweets

name on twitter   @twitterusername1h
tweet que no supere los 140 cáracteres
Expand Reply   Retweet   Favorite
▲▲▲


Twitter:
Código:
<style type="text/css">.twita { width:500px; border:1px solid #ddd; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background:url(your 500x250 cover image url) #f1f1f1 no-repeat top; padding:0background-size:cover; }.twiti { line-height:20px; margin-top:40px; }.twits { background:#fff; width:500px; padding:0px; text-align:justify; margin-top:30px; }.twitf { background:#f1f1f1; width:480px; padding:10px; text-align:justify; margin-top:0px; font-size:11px; font-family:arial; font-color: #0c0c0c; }.twitf a, .tweet1 a { color:#19AAE0;}.twitf img, .twiti img, .tweet1 img { border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}.twets { width:500px; border:1px solid #ddd; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#fff; padding:0; margin-top:10px;}.tweet1 { width:480px; border-top:1px solid #f1f1f1; padding:20px 10px; }</style><center><div class="twita"><div class="twiti"><img src="your 73x73 avatar image url (resizes automatically)" style="width:73px;height:73px;border:4px solid #fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;"><br /><span style="font-family:arial;font-size:18px;color:#fff;"><b>name on twitter</b></span><br /><span style="font-family:arial;font-size:14px;color:#fff;">@twitterusername</span><br /><span style="font-family:arial;font-size:11px;color:#fff;line-height:16px;">description, use br-tags to start a new row if you think it goes too wide for your liking<br /><small>city/town</small></span></div><div class="twits"><table cellspacing="0" cellpadding="10" style="margin-left:0px;"><tr><td valign="top" style="border-right:1px solid #f1f1f1;padding-left:20px;padding-right:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>###</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">TWEETS</span></td><td valign="top" style="border-right:1px solid #f1f1f1;padding-left:20px;padding-right:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>###</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">FOLLOWING</span></td><td valign="top" style="border-right:0px solid #ddd;padding-left:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>###</b></span><br /><span style="font-family:arial;font-size:8px;color:#0c0c0c;opacity:0.3;">FOLLOWERS</span></td><td valign="top" style="border-right:0px solid #ddd;text-align:right;padding-left:50px;"><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; background:#f1f1f1;padding:5px 3px;margin-left:70px;float:right;"> <img src="http://www.inf.ethz.ch/img/eth_website_icon_vcard.png" style="width:12px;height:12px;">▾</div></td><td valign="top" style="border-right:0px solid #ddd;text-align:right;"><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #057ED0; background:#19AAE0;padding:5px 5px;font-family:arial;font-size:10px;color:#fff;margin-left:-10px;margin-top:2px;"><b>Following</b></div></td></tr></table></div><div class="twitf"><img src="http://25.media.tumblr.com/avatar_61b3ff4f254b_30.png">   <img src="http://ggcdn-1.gogoyoko.com/30/6e61b3428c07ad21c58c22c22a9bfd66.jpg">  <img src="http://24.media.tumblr.com/avatar_6e966dfc1a21_30.png">  Followed by <a>Sherlock Holmes</a>,<a>Thomas Mitt</a>, <a>Rose is rad</a> and <a>59 others</a>.</div></div>
<div class="twets"><p style="text-align:left;margin-left:20px;"><span style="font-family:arial; font-size:13px;color:#0c0c0c;"><b>Tweets</b></span></p><div class="tweet1"><table style="width:100%;"><tr><td rowspan="3" style="padding-left:10px;"><img src="your 73x73 avatar image url (resizes automatically)" style="width:60px;height:60px;"></td><td style="padding-left:10px;"><span style="font-family:arial; font-size:11px;color:#0c0c0c;"><b>name on twitter</b></span>   <span style="font-family:arial;font-size:10px;color:#0c0c0c;opacity:0.5;">@twitterusername</span></td><td style="text-align:right;"><span style="font-family:arial;font-size:10px;color:#0c0c0c;opacity:0.5;">1h</span></td></tr><tr><td colspan="2" style="padding-left:10px;"> <span style="font-family:arial; font-size:11px;color:#0c0c0c;">tweet que no supere los 140 cáracteres</span></td></tr><tr><td style="padding-left:15px;"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;">Expand</span></td><td style="text-align:right;"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;"><img src="http://s.telegraph.co.uk/graphics/html/TwitterEmbed/Version1/reply.png"> Reply   <img src="http://politwitter.ca/images/icon_retweet.png"> Retweet   <img src="http://rahulvarshneya.com/wp-content/themes/rahul/home/images/icon_three.png"> Favorite </span></td></tr></table></div></div></center><center><sup><a href="http://shine.b1.jcink.com/index.php?showuser=6359">▲▲▲</a></sup></center>
Comentario:
Código:
<center><div class="twets"><div class="tweet1"><table style="width:90%;"><tr><td style="padding-right:10px;width:55px;"><img src="your 73x73 avatar image url (resizes automatically)" style="height:60px;width:60px;"></td><td style="width:280px;"><span style="font-family:arial;font-size:18px;color:#0c0c0c;"><b>name on twitter</b></span><br /><span style="font-family:arial;font-size:13px;color:#0c0c0c;opacity:0.5;">@twitterusername</span></td><td><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #ddd; background:#f1f1f1;padding:5px 3px; width:23px;">&nbsp;<img src="http://www.inf.ethz.ch/img/eth_website_icon_vcard.png" style="width:12px;height:12px;">▾</div></td><td><div style="border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #057ED0; background:#19AAE0;padding:5px 5px;font-family:arial;font-size:10px;color:#fff;width:48px;"><b>Following</b></div></td></tr><tr><td colspan="4"> <br /><span style="font-family: georgia;font-size:22px;color:#0c0c0c;">the tweet goes here! remember 140 characters if u wanna b 4realsies</span></td></tr><tr><td style="text-align:left;padding-left:10px;" colspan="4"> <span style="font-family:arial; font-size:10px;color:#0c0c0c;opacity:0.3;"><br />0 minutes ago via iPhone 5 or whatever device???</span></td></tr></table></div></div></center><center><sup><a href="http://shine.b1.jcink.com/index.php?showuser=6359">▲▲▲</a></sup></center>
avatar
imagenl :
Avatar : Master del foro
Historias : 320
Aplausos : 520
Edad : Incalculables
Trabajo : Rumour Has It
Apodo : Lady
Orientacion : Asexual
Coronas : ♛ ♛ ♛
Lady of rumors está
Lady of rumors
Ambientación



http://rumourhasitrpg.foroactivo.mx/f9-documentos http://rumourhasitrpg.foroactivo.mx/t4-modelo-de-cronologia#4 http://rumourhasitrpg.foroactivo.mx/t3-modelo-de-relaciones#3 http://rumourhasitrpg.foroactivo.mx/t5-modelo-de-wiki#5 http://ask.fm/GossipQueen_rhi http://rumourhasitrpg.foroactivo.mx/t11-modelo-de-twitter#11 http://rumourhasitrpg.foroactivo.mx/t7-modelo-del-playlist#7

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.