Modelo de Twitter

Ver el tema anterior Ver el tema siguiente Ir abajo

Modelo de Twitter

Mensaje por Damon Salvatore el Sáb Nov 15, 2014 9:08 am

name here
@handlehere
description
TWEETS
###
Following
###
Followers
###
Edit profile

Código:
<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' type='text/css'><style type='text/css'> #twittercontainer { width:500px; height:308px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px; text-transform:none; } #twittercontainer .header { width:460px; height:210px; padding:20px; border-radius:4px 4px 0px 0px; } #twittercontainer .icon { width:75px; height:75px; border:5px solid #fff; border-radius:4px 4px; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; } #twittercontainer .name { margin-top:5px; font-family: arial; font-size:25px; color:#fff; letter-spacing-1px; text-shadow:1px 1px 1px #333; line-height:100%; font-weight:bold; } #twittercontainer .handle { margin-top:5px; font-family:arial; font-size:18px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; } #twittercontainer .description { margin-top:5px; font-family:arial; font-size:15px; color:#fff; letter-spacing:0px; text-shadow:1px 1px 1px #333; line-height:100%; padding-left:25px; padding-right:25px; } #twittercontainer .bottombarthing { width:500px; height:58px; background-color:#fff; border-radius:0px 0px 4px 4px; } #twittercontainer .boxes { width:90px; height:58px; padding-left:10px; display:inline-block; } #twittercontainer .words { line-height:15px; padding-top:8px; height:15px; text-align:justify; font-family:lato; color:#acafac; font-size:10px; font-weight:100; letter-spacing:-1px; text-transform:uppercase; } #twittercontainer .bolded { text-align:justify; height:18px; padding-bottom:5px; font-family:lato; font-weight:700; color:#2e8cb1; font-size:18px; line-height:18px; } </style><center><div id='twittercontainer'><div class='header' style=' background-image:url(http://pacehold.it/500x250);'><div class='icon'><img src='http://placehold.it/75' width='75px'></div><div class='name'>name here</div><div class='handle'>@handlehere</div><div class='description'>description</div></div><div class='bottombarthing'><div class='boxes'><div class='words'>TWEETS</div><div class='bolded'>###</div></div><div class='boxes'><div class='words'>Following</div><div class='bolded'>###</div></div><div class='boxes'><div class='words'>Followers</div><div class='bolded'>###</div></div><div style='margin-left:40px; display:inline-block; width:108px; height:35px; padding-top:0px; padding-bottom:7px; padding-left:23px; padding-right:23px;'><div style='width:106px; height:33px; line-height:33px; border:1px solid #e2e8ee; border-radius:4px; text-transform:none; font-family: arial; font-size:12px; color:#677580; letter-spacing-2px; font-weight:bold;'>Edit profile</div></div></div></div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[url=http://forums.athousandfireflies.com/index.php?showuser=6755] THANKS TO LOUIS AT ATF![/url]</div></center>

name here
@handlehere
tweet here. 140 characters or less to keep it realistic obvs.

Código:
<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700' rel='stylesheet' type='text/css'><center><div style='width:300px; min-height:75px; padding:20px; background-color:#fff; -moz-box-shadow: 2px 2px 5px #333; -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; border-radius:4px 4px;'><div style='width:75px; height:75px; border-radius:4px 4px; background-image:url(http://placehold.it/75); float:left; margin-right:20px; margin-bottom:5px;'></div><div style='font-family:arial black; color:#000; text-transform:none; font-size:10px; line-height:10px; text-align:left;'>name here</div><div style='font-family:arial; color:#677580; text-transform:none; font-size:9px; line-height:10px; text-align:left;'>@handlehere</div><div style='margin-top:5px; text-align:justify; font-family:lato; font-weight:400; color:#000; font-size:10px; text-transform:none; line-height:120%;'>tweet here. 140 characters or less to keep it realistic obvs.</div></div></center>


Damon Salvatore
avatar
Damon Salvatore
Staff

Mensajes : 34
Fecha de inscripción : 29/10/2014

Hoja de personaje
Ataque:
20/20  (20/20)
Defensa:
25/25  (25/25)

Ver perfil de usuario

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.