Modelo Kakao Talk

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

Modelo Kakao Talk

Mensagem por Manager em Seg 2 Jan 2017 - 20:29

Modelo

KAKAO TALK
Este são os templates para o kakao. As conversas se darão nos tópicos criados. Por exemplo, você quer enviar uma mensagem para fulano. Vá para o tópico do Kakao dele e poste lá, quando ele responder, virá ao seu tópico.


Geral
Código:
<center><div style="background-image:url(http://i.imgur.com/GvPFpFR.png); width: 255px; height: 485px;"><div style="background-color: transparent; position: relative;top: 95px; font-family: arial; font-size: 16px; color: black; letter-spacing: -1px;">[b]Nome[/b]</div><div style="background-color: transparent; width: 220px; height: 245px; overflow: auto; position: relative; top: 100px; right: 1px;"><br><table cellsacing="10"><td><div style="background-image:url(imagem 50x50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">Nome</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Frase de efeito</div></td></table><table cellsacing="10"><td><center></div><div style="width:150px;background-color:#fff;padding: 6px 8px 33px 8px;text-align:justify;font:10px calibri;color:#000;text-transform:uppercase;"><br><div style="font:15px orator std;color:#000;text-transform: uppercase;text-align:center;">CONTATOS :<br></div><br>
</div></div><br></div></div></td></table></div></div><center>

Texto duplo
Código:
<center><div style="background-image:url(http://i.imgur.com/GvPFpFR.png); width: 255px; height: 485px;"><div style="background-color: transparent; position: relative;top: 95px; font-family: arial; font-size: 16px; color: black; letter-spacing: -1px;">[b]NOME[/b]</div><div style="background-color: transparent; width: 220px; height: 245px; overflow: auto; position: relative; top: 100px; right: 1px;"><br><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Frase da mensagem</div></td></table><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Frase da mensagem</div></td></table></div></div><center>

Texto e Imagem
Código:
<center><div style="background-image:url(http://i.imgur.com/GvPFpFR.png); width: 255px; height: 485px;"><div style="background-color: transparent; position: relative;top: 95px; font-family: arial; font-size: 16px; color: black; letter-spacing: -1px;">[b]NOME[/b]</div><div style="background-color: transparent; width: 220px; height: 245px; overflow: auto; position: relative; top: 100px; right: 1px;"><br><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><div style="background-color: #fff; width: 130px; padding: 7px; padding-top: 0px; text-align: left; font-family: arial; font-size: 8px; color: black; box-shadow: 0px 1px 0px #b8b8b8; border-radius: 10px;"><div style="background-color: #fff; width: 8px; height: 4px; border-radius: 3px; position:relative;right:10px; top: 5px; transform: rotate(15deg);"></div>Mensagem vem aqui.</div></td></table><br><table cellsacing="10"><td><div style="background-image:url(IMAGEM DE PERFIL 50X50); width: 50px; height: 50px; background-size: 100%; border-radius: 50px; position: relative; top: -10px;"></div></td><td><div style="background-color: transparent; font-family: arial; font-size: 13px; color: black; letter-spacing: -1px; text-align: left; position: relative; left: 0px; top: -2px;">NOME</div><img src="IMAGEM DA MENSAGEM AQUI" style="width: 130px; border-radius: 5px;"></td></table></div></div><center>

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