Atualização: adicione o seu avatar no chatbox

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

16022015

Mensagem 

Atualização: adicione o seu avatar no chatbox




Caros membros,

Alguns dias atrás, Forumeiros implementou uma nova ChatBox. Para além disso, os nossos técnicos informáticos configuraram uma nova opção.

Gostaríamos de agradecer JScript por ter sugerido esta nova opção.


Agora, você já pode adicionar os avatares na sua ChatBox:




Esta função é opcional e o fundador pode escolher se quer usar ou não:
Painel de Controle Seta Módulos Seta Chatbox Seta Configuração Seta Afixar os avatares dos usuários no ChatBox




Esperamos que vocês gostem desta nova opção.
OK




Para personalizar a exibição do ChatBox, encontre o código CSS da nova opção:

Código:
/* Tamanho do avatar */
#chatbox .cb-avatar > img {
   height: 30px;
   width: 30px;
}

/* Camada do avatar */
#chatbox .cb-avatar {
   float: left;
   margin-right: 4px;
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #d5d5d5 !important;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   height: 30px;
   padding: 1px;
   vertical-align: middle;
   width: 30px;
}



@JScript escreveu:
E para ter a aparência semelhante ao modelo do ShoutBox IPBoard, use o seguinte CSS:
Código:

#chatbox .cb-avatar {
  height: 16px !important;
  width: 16px !important;
}
#chatbox .cb-avatar > img {
  height: 16px !important;
  width: 16px !important;
}
#chatbox .user {
  display: inherit !important;
}
#chatbox .msg {
  display: inherit !important;
}

Result:


JS


Última edição por nikka em 18/02/15, 02:07 pm, editado 1 vez(es)
avatar
nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15621
Pontos Ativos : 19895

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Voltar ao Topo Ir em baixo

- Tópicos similares
Compartilhar este artigo em: diggdeliciousredditstumbleuponslashdotyahoogooglelive

Atualização: adicione o seu avatar no chatbox :: Comentários

avatar

Mensagem em 16/02/15, 02:07 pm por viniliff

É incrível como Forumeiros sempre evolui! Simplesmente incrível esta novidade. Muito feliz

Voltar ao Topo Ir em baixo

avatar

Mensagem em 16/02/15, 03:21 pm por TiagoDJ-7.0

Ótima Novidade...

Voltar ao Topo Ir em baixo

avatar

Mensagem em 16/02/15, 03:57 pm por Neimasinho

O novidade boa u.u

Até

Voltar ao Topo Ir em baixo

avatar

Mensagem em 16/02/15, 07:27 pm por Zoldyck

Muito bom! Em choque

Voltar ao Topo Ir em baixo

avatar

Mensagem em 16/02/15, 07:40 pm por Gaaratsu

Perfeito! Tive uma idéia!

Voltar ao Topo Ir em baixo

Mensagem em 17/02/15, 02:48 pm por Faeel

Muito bom, parabéns Forumeiros!! Primeiro Feliz aniversário

Voltar ao Topo Ir em baixo

avatar

Mensagem em 18/02/15, 01:55 pm por ShaDownS

Excelente!

Parabéns à equipe forumeiros Contente

Voltar ao Topo Ir em baixo

avatar

Mensagem em 18/02/15, 02:10 pm por nikka

Olá a todos,

Caso queiram personalizar esta nova versão do ChatBox, deixo aqui os seguintes CSS.


Código:
/* Tamanho do avatar */
#chatbox .cb-avatar > img {
   height: 30px;
   width: 30px;
}

/* Camada do avatar */
#chatbox .cb-avatar {
   float: left;
   margin-right: 4px;
   background: none repeat scroll 0 0 #fff;
   border: 1px solid #d5d5d5 !important;
   box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
   height: 30px;
   padding: 1px;
   vertical-align: middle;
   width: 30px;
}



@JScript escreveu:
E para ter a aparência semelhante ao modelo do ShoutBox IPBoard, use o seguinte CSS:
Código:

#chatbox .cb-avatar {
  height: 16px !important;
  width: 16px !important;
}
#chatbox .cb-avatar > img {
  height: 16px !important;
  width: 16px !important;
}
#chatbox .user {
  display: inherit !important;
}
#chatbox .msg {
  display: inherit !important;
}

Result:


JS

Se tiverem alguma dúvida sobre a aplicação destes códigos ou sobre a sua possível alteração, crie um tópico na seção de suporte para que o possamos ajudar.

Até mais.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 18/02/15, 02:11 pm por Gaaratsu

Perfeito nikka, ficou muito bom! Obrigado por nos disponibilizar estes códigos. Muito feliz

Voltar ao Topo Ir em baixo

avatar

Mensagem em 22/02/15, 12:18 pm por JScript

Eu é que agradeço a todos vocês, membros, admins e a Forumeiros por implementar o código que eu fiz para avatar no chat, isso me deixou muito feliz: http://help.forumotion.com/t138790-new-chat-box-a-brief-analysis#940533 !!! :cheers:

E teremos ainda mais novidades, aguardem...

Só agora que vi o tópico!

Edit:
Alguns códigos precisam de atualizações, como este http://ajuda.forumeiros.com/t96833-tutorial-juntar-mensagens-seguidas-de-um-membro-no-chatbox por exemplo!

JS

Última edição por JScript em 22/02/15, 12:53 pm, editado 1 vez(es) (Razão : Mais informações!)

Voltar ao Topo Ir em baixo

avatar

Mensagem em 22/02/15, 04:15 pm por Hancki

Como sempre eu digo, JScript devia de ser um técnico oficial da Forumactif a representar a língua portuguesa.
Parabéns amigo.

Voltar ao Topo Ir em baixo

avatar

Mensagem em 22/02/15, 04:55 pm por EuficoLoko

De fato ficou perfeito. Tem meus parabéns JScript. Feliz

@Hancki, não sei o nível de conhecimento dos técnicos mais creio que o @JScript esteja perto deles, também acho que ele devia se tornar um representante português entre os técnicos.. Até perguntei a ele mais como ele disse, é uma incógnita.

Excelente atualização, abraços. Feliz

Voltar ao Topo Ir em baixo

avatar

Mensagem em 22/02/15, 06:12 pm por Gaaratsu

Neste caso, obrigado ao JScript, pois sempre que possível está trazendo excelentes novidades! Como por exemplo o time online do usuário, ficou realmente perfeito! Parabéns de verdade, seus conhecimentos são extremamente eficazes! Muito feliz

Até! Piscada

Voltar ao Topo Ir em baixo

avatar

Mensagem em 22/02/15, 06:20 pm por Reset

Muito melhor agora com a opção =D
Ótima atualização!

Voltar ao Topo Ir em baixo

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


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