[MODELO] Twitter

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[MODELO] Twitter

Mensagem por Producer em Dom 24 Set 2017 - 20:10

Twitter

Perfil


Código:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Muli:400,700|Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'><link href="http://nevermore.b1.jcink.com/uploads/nevermore/fontello.css" rel="stylesheet"><link href="http://nevermore.b1.jcink.com/uploads/nevermore/twemoji_awesome.css" rel="stylesheet"><style type="text/css">@import url(http://weloveiconfonts.com/api/?family=entypo);/* entypo*/[class*="entypo"]:before {font-family: 'entypo', sans-serif;}.tw1a-1 { width: 390px; padding: 12px; background-color: #fafafa; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f5f5f5; }.tw1a-2 { padding: 10px; background-color: #fcfcfc; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid#f5f5f5;}.tw1a-2a{ width: 30px; padding-right: 10px; text-align: center; border-right: 1px solid #f5f5f5; }.tw1a-2b { width: 275px; padding-left: 10px; color:#000; font-size: 12px; text-align: left; }.tw1a-2b span { margin-right: 5px;}.tw1a-2b span.icon-search { float: right; margin-right: 10px; }.tw1a-2c { width: 30px; padding-left: 10px; text-align: center; border-left: 1px solid#f5f5f5; }.tw1a-2a span, .tw1a-2c span{ display: inline-block; width: 18px; height: 14px; padding: 7px 5px; color:#fcfcfc; font-size: 14px; text-align: center; line-height: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }.tw1a-3 { padding: 24px; background-color: #fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid#f5f5f5; margin: 3px 0px;}.tw1a-3a { position: relative; width: 80px; height: 80px; background-size: cover; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 1; margin-right: 25px; }.tw1a-3a span { display: inline-block; position: absolute; bottom: -3px; right: -5px; width: 15px; height: 10px; padding: 6px 3px 5px; color: #000; font-size: 10px; text-align: center; line-height: 15px; border: 3px solid #fcfcfc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 2; }.tw1a-3b { width: 225px; padding-bottom: 3px; color: #000; font-family: raleway; font-weight: 600; font-size: 23px; font-style: normal; text-align: left; text-transform: lowercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: 90%; }.tw1a-3c { width: 225px; padding-bottom: 3px; color:#000; font-family: poppins; font-weight: 500; font-size: 7px; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 100%; }.tw1a-4 { width: 225px; padding: 14px 0px; color: #000; font-family: poppins; font-weight: 400; font-size: 9.5px; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; letter-spacing: 0.5px; word-spacing: 0px; line-height: 130%; }.tw1a-4 i.twa { font-size: 15px; vertical-align: middle;}.tw1a-4a{ width: 225px; color: #000; font-family: poppins; font-weight: 600; font-size: 7px; font-style: normal; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 130%;}.tw1a-4a span { display: inline-block; margin-right: 3px; color:#000; font-size: 9px; vertical-align: middle;}.tw1a-5 { padding: 14px 0px; background-color:#fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid#f5f5f5;}.tw1a-5a,.tw1a-5b { padding: 0px 14px; width: 68px; color: #000; font-family: poppins; font-weight: 500; font-size: 7px; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 130%; border-right: 1px solid #f5f5f5; }.tw1a-5a b, .tw1a-5b b { display: block; color:#000; font-family: raleway; font-weight: 600; font-size: 16px; font-style: normal; text-align: center; text-transform: lowercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: 90%;}.tw1a-5b { border-right: 0px;}#NAME .tw1a-2a span, #NAME .tw1a-2c span,#NAME.tw1a-3a span{ background-color:#000;}#NAME.tw1a-2b span,#NAME.tw1a-3b, #NAME .tw1a-4a span,#NAME.tw1a-5a b,#NAME.tw1a-5b b{ color: #000; }</style><center><div id="NAME"><div class="tw1a-1"><div class="tw1a-2"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><a href="http://shine.jcink.net/index.php?showuser=3019"><div class="tw1a-2a"><span class="icon-twitter"></span></div></a></td><td><div class="tw1a-2b"><span class="icon-home"></span><span class="icon-flash"></span><span class="icon-bell"></span><span class="entypo-mail"></span><span class="icon-search"></span></div></td><td><div class="tw1a-2c"><span class="icon-feather"></span></div></td></tr></table></div><div class="tw1a-3"><table cellpadding="0" cellspacing="0"><tr valign="top"><td><div class="tw1a-3a" style="background-image: url(IMAGEM 150X150 DO SEU PERFIL);"><span class="icon-user"></span></div></td><td><div class="tw1a-3b">SEU NOME COMPLETO</div><div class="tw1a-3c">@SEUNOMEDEUSUÁRIO</div><div class="tw1a-4">Seu Bio, uma frase que goste e etc</td></tr></table></div><div class="tw1a-5"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="tw1a-5a">tweets<b>1234</b></div></td><td><div class="tw1a-5a">photos/videos<b>números</b></div></td><td><div class="tw1a-5a">following<b>números</b></div></td><td><div class="tw1a-5b">followers<b>números</b></div></td></tr></table></div></div></center>

Postagens


Código:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Muli:400,700|Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'><link href="http://nevermore.b1.jcink.com/uploads/nevermore/fontello.css" rel="stylesheet"><style type="text/css">@import url(http://weloveiconfonts.com/api/?family=entypo);/* entypo*/[class*="entypo"]:before {font-family: 'entypo', sans-serif;}.tw1b-1 { width: 330px; padding: 12px; background-color:#fafafa; color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f5f5f5; }.tw1b-2 { position: relative; width: 60px; height: 60px; background-size: cover; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 1; margin-right: 20px; }.tw1b-2 span { display: inline-block; position: absolute; bottom: -3px; right: -5px; width: 12px; height: 11px; padding: 4px 3px 3px; color:#fff; font-size: 9px; text-align: center; line-height: 12px; border: 3px solid #fcfcfc; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 2; }.tw1b-3 { padding: 19px; background-color:#fcfcfc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid#f5f5f5;}.tw1b-3a { width: 210px; padding-bottom: 3px; color:#000; font-family: raleway; font-weight: 600; font-size: 20px; font-style: normal; text-align: left; text-transform: lowercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 0px; line-height: 100%;}.tw1b-3b { width: 210px; padding-bottom: 3px; color: #000; font-family: poppins; font-weight: 500; font-size: 7px; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 100%;}.tw1b-4 { padding-top: 14px; color: #000; font-family: poppins; font-weight: 400; font-size: 9.5px; font-style: normal; text-align: justify; text-transform: none; text-decoration: none; letter-spacing: 0.5px; word-spacing: 0px; line-height: 130%; }.tw1b-4 img { display: block; padding: 4px; width: 274px; background-color: #ffffff; border: 1px solid#f5f5f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 10px 3px 3px; }.tw1b-4a { padding-top: 14px; color: #000; font-family: poppins; font-weight: 500; font-size: 7px; font-style: normal; text-align: right; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; word-spacing: 0px; line-height: 130%; }.tw1b-4a b { color: #000; font-family: raleway; font-weight: 600; font-size: 10px; font-style: normal; text-align: right; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: inherit; }.tw1b-5 { padding: 4px; background-color: #fcfcfc; font-size: 7px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #f5f5f5; margin-top: 3px; }.tw1b-5 span { color: #000; font-size: 14px; margin: 0px 4px;}#NAME .tw1b-2 span { background-color:#000;}#NAME.tw1b-3a, #NAME .tw1b-4a b,#NAME.tw1b-5 span { color: #000; }</style><center><div id="NAME"><div class="tw1b-1"><div class="tw1b-3"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><a href="http://shine.jcink.net/index.php?showuser=3019"><div class="tw1b-2" style="background-image: url(ÍCONE 150X150 AQUI);"><span class="icon-twitter"></span></div></a></td><td><div class="tw1b-3a">SEUNOMEAQUI</div><div class="tw1b-3b">@NOMEDEUSUÁRIOAQUI</div></td></tr></table><div class="tw1b-4">ALGUM COMENTÁRIO<img src="IMAGEM OU GIF PARA VÍDEO DO SEU POST" /><div class="tw1b-4a"><b>números</b> retweets • <b>números</b> favorites</div></div></div><div class="tw1b-5"><span class="icon-reply"></span><span class="icon-loop"></span><span class="icon-star-filled"></span><span class="entypo-dot-3"></span></div></div></center>
avatar
ProducerAdministradores

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum