s e o u l i t e

Ter maio 11, 2021 10:50 am

S

SEOULITE

Chats em grupo

Para criar seu chat em grupo crie um tópico, com o template abaixo, no seguinte modelo:

Nome do Grupo [Fechado/Aberto]

CRIAÇÃO DO GRUPO:

Código:: <link href="https://dl.dropboxusercontent.com/s/9zl7szglxlevbj1/kktgroupchat.css" rel="stylesheet"><center><br><script src="//pull.cappuccicons.com/cpf.js"></script><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><div id="seoulitefr"><div class="phonebg" style="background: #fec8d8 url('') center/cover"><div class="phonestatusbarone"><b>09:25</b> <e><i class="fas fa-signal"></i><i class="fas fa-wifi"></i><i class="fas fa-battery-full"></i></e></div><div class="kktheadone"><span class="lnr lnr-arrow-left"></span> nome grupo <b>3</b> <k><span class="material-icons">search</span> <span class="material-icons">menu</span></k></div><div class="kktbgonef"><div class="kktheadone" style="font-size:12px;">Chatroom Archives</div><div class="kkttopic"><i class="far fa-image"></i> Photos/Videos <d><i class="fas fa-chevron-right"></i></d></div><div class="kkttopic"><i class="far fa-folder"></i> Files <d><i class="fas fa-chevron-right"></i></d></div><div class="kkttopic"><i class="fas fa-link"></i> Links <d><i class="fas fa-chevron-right"></i></d></div><div class="kktline"></div><div class="kktheadone" style="font-size:12px;">Kakaotalk Calendar <l><i class="fas fa-chevron-right"></i></l></div><div class="kktline"></div><div class="kktheadone" style="font-size:12px;">Music <t><i class="fas fa-chevron-right"></i></t></div><div class="kktline"></div><div class="kktheadone" style="font-size:12px;">Board <t><i class="fas fa-chevron-right"></i></t></div><div class="kkttopic"><i class="fas fa-bullhorn"></i> Annoucements <f><i class="fas fa-poll-h"></i> Poll</f></div><div class="kktline"></div><div class="kktheadone" style="font-size:11px;">Participants</div><div class="kktprofile"><table><tr><td><div class="kktimage"><br><i class="fas fa-plus"></i></div></td><td><div class="kktbold1">Invite</div></td></tr></table></div><div class="kktprofile"><table><tr><td><div class="kktimage" style=" background:url('ICON') center/cover;"></div></td><td><div class="kktbold1"><b>nome</b></div></td></tr></table></div><div class="kktprofile"><table><tr><td><div class="kktimage" style=" background:url('ICON') center/cover;"></div></td><td><div class="kktbold1"><b>nome</b></div></td></tr></table></div><div class="kktprofile"><table><tr><td><div class="kktimage" style=" background:url('ICON') center/cover;"></div></td><td><div class="kktbold1"><b>nome</b></div></td></tr></table></div><div class="kktprofile"><table><tr><td><div class="kktimage" style=" background:url('ICON') center/cover;"></div></td><td><div class="kktbold1"><b>nome</b></div></td></tr></table></div><div class="kktprofile"><table><tr><td><div class="kktimage" style=" background:url('ICON') center/cover;"></div></td><td><div class="kktbold1"><b>nome</b></div></td></tr></table></div></div></div><div class="type"><center><i class="far fa-plus-square"></i><t><i class="far fa-smile"></i> <i class="fas fa-microphone"></i></t></center></div></div></center>

ADICIONAR PARTICIPANTE:

Código:: <div class="kktprofile"><table><tr><td><div class="kktimage" style=" background:url('ICON') center/cover;"></div></td><td><div class="kktbold1"><b>nome</b></div></td></tr></table></div>

ENVIO DE MENSAGENS:
(o background/papel de parede pode ser personalizado por cor/imagem em cada conversa/por pessoa)

Código:: <link href="https://dl.dropboxusercontent.com/s/v4a34ux6zfd0ydq/kktmsg.css" rel="stylesheet"><br><center><script src="//pull.cappuccicons.com/cpf.js"></script><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><div id="seoulitefr"><div class="phonebg" style="background: #fec8d8 url('') center/cover"><div class="phonestatusbarone"><b>09:25</b> <e><i class="fas fa-signal"></i><i class="fas fa-wifi"></i><i class="fas fa-battery-full"></i></e></div><div class="kktheadone"><span class="lnr lnr-arrow-left"></span> nome grupo <b>3</b> <k><span class="material-icons">search</span> <span class="material-icons">menu</span></k></div><div class="kktbgone"><div class="kkt"><div class="msg">Apenas observando como a mensagem vai ficar na bolha.</div><br><div class="msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque porttitor ante ut felis ullamcorper, eu tristique est tristique. Etiam pulvinar leo vel massa bibendum commodo. Maecenas congue ex eu ex faucibus ultrices. Morbi pretium rhoncus lectus. Sed neque purus, hendrerit ac turpis sit amet, pretium tempus ante. Sed egestas magna turpis, rhoncus porta massa auctor vel. Sed ut sagittis ante. In ornare, orci a laoreet semper, augue sapien mollis urna, in aliquet tortor quam eu orci. Nullam pretium dapibus consectetur.</div><br><div class="msg" style="background:transparent;"><img src="https://64.media.tumblr.com/4e69136a091f58f525f19a1cd9ad6a91/c56b27cb751b1717-fa/s640x960/121667896838da5b8a1efeec7e5c83d8577defcc.jpg" style="width:210px; border-radius:15px; position: relative; left:-5px;"></div><br><div class="msg">Mensagem vai ficar na bolha.</div><br></div></div><div class="type" style="font-size:15px;"><i class="far fa-plus-square"></i> <t><i class="far fa-smile"></i> <i class="fas fa-microphone"></i></t></div></div></div></center>

ENVIO DE IMAGEM:

Código:: <br><div class="msg" style="background:transparent;"><img src="https://64.media.tumblr.com/4e69136a091f58f525f19a1cd9ad6a91/c56b27cb751b1717-fa/s640x960/121667896838da5b8a1efeec7e5c83d8577defcc.jpg" style="width:210px; border-radius:15px; position: relative; left:-5px;"></div><br><div class="msg">Mensagem vai ficar na bolha.</div><br>

ENVIO DE MENSAGEM:

Código:: <br><div class="msg">Apenas observando como a mensagem vai ficar na bolha.</div><br>

Visualização dos Templates:

s e o u l i t e

[MODELO] Chat Em Grupo