Parceiros

[MODELO] Twitter

Ir para baixo

Sunbae
Staff
Qui Fev 08, 2018 2:15 pm



S
SEOULITE
Twitter


Para ter um twitter, basta criar um tópico nessa mesma área com o código disponibilizado para o perfil com o modelo:
@nomedeusuario (Seu Nome)


PERFIL:
Código:
<div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>NOME DA CONTA</b><br/><span class="sub-tl">Nº DE tweets</span></div></div><div class="port-tl"><img src="https://placehold.jp/450x180.png" style="width:450px; height:180px; background-size:cover;"/></div><div class="img-tl"><img src="https://placehold.jp/110x110.png" style="width:110px; background-size:cover;"/></div><div class="desc-tl"><div class="icons-tl colorfn"><i class="fas fa-ellipsis-h"></i><i>Follow</i><div class="colorfn btn-tl"></div></div><div class="usenm"><b class="colorfn">NOME DA CONTA</b><br/><span class="sub-tl">@username</span></div><div class="descpp">bio aqui.<div class="dts-tl"><i class="fas fa-map-marker-alt"></i> Cidade, País (localização) <i class="fas fa-link"></i> <a href="#" class="colorfn">site.co.kr/</a><br/><i class="fas fa-glass-cheers"></i>Birthday: 00 Mês 0000 <i class="fas fa-calendar-alt"></i> Joined Mês 0000</div><b class="colorfn">Nº de</b> Following  <b class="colorfn">Nº de</b> Followers</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style>.colorfn{color:#1da1f2;} .tlbtt{width:450px; border:1px solid #eee; margin:0 auto; background:#fff} .head-tl{height:40px; padding:15px 30px; border-bottom:1px solid #eee; display:flex; align-items:center;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .port-tl{height:180px; border-bottom:1px solid #eee;} .port-tl{width:450px; height:180px;} .img-tl{width:110px; height:110px; border:5px solid #fff; margin-top:-60px; position:absolute; margin-left:30px; border-radius:180px; background:#fff; } .img-tl img{width:110px; height:110px; border-radius:180px;} .desc-tl{padding-bottom:20px;} .icons-tl{height:20px; float:right; margin-right:40px; margin-top:15px; padding:5px; display: flex; align-items:center; font-family: 'Open Sans', sans-serif; font-size:12px}  .icons-tl i{padding:0px 20px;border:1px solid #eee; } .icons-tl i, icons-tl fas{padding:10px; border-radius:180px; margin:0px 5px;} .usenm{position:relative; top:65px; padding:5px 30px; line-height:18px;} .descpp{margin-top:60px; padding:10px 30px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#333;} .dts-tl{padding-top:10px; line-height:20px; margin-left:-8px; margin-bottom:10px;} .dts-tl i{padding:0px 8px;} .dts-tl a{text-decoration:none;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}</style>

POSTAGENS:
TWEETS:
Código:
<div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>Twitter</b></div></div><div class="new-tl"><div class="head-new"><img src="https://placehold.jp/60x60.png" style="width:60px; background-size:cover;"/><div><b style="color:#000;">NOME DA CONTA</b><br/><span class="sub-tl">@username</span></div></div><div class="text-newtl">tweet</div><div class="fec-newtl">7:51 PM · Jan 29, 2021 · Twitter for iPhone</div><div class="estad-newtl"><b style="color:#000;">200</b> Retweets <b style="color:#000;">10</b> Quote Tweets <b style="color:#000;">421</b> Likes</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.colorfn{color:#1da1f2;} .tlbtt{width:450px; border:1px solid #eee; background:#fff; margin:10px auto;} .head-tl{height:40px; padding:15px 30px; display:flex; align-items:center;border-bottom:1px solid #eee;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .new-tl{margin:10px 20px;} .head-new{padding:5px; display:flex; align-items:center;} .head-new img{width:60px; height:60px; border-radius:120px; padding:3px; } .head-new div{padding-left:15px; line-height:16px;} .head-new b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:15px;} .head-new .sub-tl, .head-new{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ccc;} .head-new .sub-tl{color:#888;} .head-new i{padding:0px 3px; font-size:10px;} .new-tl .text-newtl{padding:5px; font-family: 'Open Sans', sans-serif; color:#333; font-size:16px;} .estad-newtl {font-family: 'Open Sans', sans-serif; font-size:12px; color:#555; border-top:1px solid #eee; padding:10px 0px; margin:0px 0px 0px;} .fec-newtl{border-top:px solid #eee; font-size:11px; padding:7px 0px; color:#555; font-family: 'Open Sans', sans-serif;}.cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}</style>

TWEETS COM DUAS FOTOS:
Código:
<div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>Twitter</b></div></div><div class="new-tl"><div class="head-new"><img src="https://placehold.jp/60x60.png" style="width:60px; background-size:cover;"/><div><b style="color:#000;">NOME DA CONTA</b><br/><span class="sub-tl">@username</span> </div></div><div class="text-newtl">Legenda</div><div class="ima-newtl"><img class="dosizq" src="https://placehold.jp/205x205.png"/><img class="dosder" src="https://placehold.jp/205x205.png"/></div><div class="fec-newtl">7:51 PM · Jan 29, 2021 · Twitter for iPhone</div><div class="estad-newtl"><b style="color:#000;">200</b> Retweets <b style="color:#000;">10</b> Quote Tweets <b style="color:#000;">421</b> Likes</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.colorfn{color:#1da1f2;} .tlbtt{width:450px; border:1px solid #eee; background:#fff; margin:10px auto;} .head-tl{height:40px; padding:15px 30px; display:flex; align-items:center;border-bottom:1px solid #eee;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .new-tl{margin:10px 20px;} .head-new{padding:5px; display:flex; align-items:center;} .head-new img{width:60px; height:60px; border-radius:120px; padding:3px;} .head-new div{padding-left:15px; line-height:16px;} .head-new b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:15px;} .head-new .sub-tl, .head-new{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ccc;} .head-new .sub-tl{color:#888;} .head-new i{padding:0px 3px; font-size:10px;} .new-tl .text-newtl{padding:5px; font-family: 'Open Sans', sans-serif; color:#555; font-size:16px;} .estad-newtl {font-family: 'Open Sans', sans-serif; font-size:12px; color:#555; border-top:1px solid #eee; padding:10px 0px; margin:0px 0px 0px;} .fec-newtl{border-top:px solid #eee; font-size:11px; padding:7px 0px; color:#555; font-family: 'Open Sans', sans-serif;}.cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}.ima-newtl .dosizq, .ima-newtl .dosder{width:205px; height:205px; padding:3px;} .ima-newtl{display:flex; align-items:center; justify-content:center; padding:10px;}  .dosizq{border-radius:20px 0px 0px 20px;} .dosder{border-radius:0px 20px 20px 0px;}</style>

TWEETS COM UMA FOTO:
Código:
<div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>Twitter</b></div></div><div class="new-tl"><div class="head-new"><img src="https://placehold.jp/60x60.png" style="width:60px; background-size:cover;"/><div><b style="color:#000;">NOME DA CONTA</b><br/><span class="sub-tl">@username</span></div></div><div class="text-newtl">Legenda</div><div class="ima-newtl"><img class="solit" src="https://placehold.jp/400x400.png"/></div><div class="fec-newtl">7:51 PM · Jan 29, 2021 · Twitter for iPhone</div><div class="estad-newtl"><b style="color:#000;">200</b> Retweets <b style="color:#000;">10</b> Quote Tweets <b style="color:#000;">421</b> Likes</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
 
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><style>.colorfn{color:#1da1f2;} .tlbtt{width:450px; border:1px solid #eee; background:#fff; margin:10px auto;} .head-tl{height:40px; padding:15px 30px; display:flex; align-items:center;border-bottom:1px solid #eee;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .new-tl{margin:10px 20px;} .head-new{padding:5px; display:flex; align-items:center;} .head-new img{width:60px; height:60px; border-radius:100%; padding:3px; background-size:cover; } .head-new div{padding-left:15px; line-height:16px;} .head-new b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:15px;} .head-new .sub-tl, .head-new{font-family: 'Open Sans', sans-serif; font-size:12px; color:#ccc;} .head-new .sub-tl{color:#888;} .head-new i{padding:0px 3px; font-size:10px;} .new-tl .text-newtl{padding:5px; font-family: 'Open Sans', sans-serif; color:#555; font-size:16px;} .estad-newtl {font-family: 'Open Sans', sans-serif; font-size:12px; color:#555; border-top:1px solid #eee; padding:10px 0px; margin:0px 0px 0px;} .fec-newtl{border-top:px solid #eee; font-size:11px; padding:7px 0px; color:#555; font-family: 'Open Sans', sans-serif;}.cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}.ima-newtl .solit{width:400px; height:400px; border-radius:20px; padding:3px; border-radius:10px; background-size:cover;} .ima-newtl{display:flex; align-items:center; justify-content:center; padding:10px;}</style>
Sunbae
https://seoulite.forumeiros.com/f5-fichas https://k-avatars.tumblr.com/
Registro da Personagem
Profissão:
Pontos de Popularidade:

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos