Edição no Chatbox

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

Resolvido Edição no Chatbox

Mensagem por ShaDownS em 13/06/14, 05:39 pm


  • Descrição:

Olá, sabe, eu queria editar meu Chatbox ^^

Darei detalhes:

• Cabeçalho: Centrado, Fonte Verdana, escrito "Chat Naruto Ultimate" em vez de "Chatbox" ou o que aparecer nos codes das versões de vocês.

• Lista dos Membros: Alinhados à Esquerda, Font Arial, Font Verdana e Alinhamento Centrado nos cabeçalhos "Conectados" e "Ausentes"

• Corpo da Mensagem: Row 1 e 2 branca, tire se possível o tempo da postagem do usuário, Fonte Calibri no texto da mensagem e Arial no Nick do usuário.

• Botões e Campo de Texto: Os botões são dessa cor #ff7733, contorno laranja escuro, com radius de 2px, e em vez de "campo de texto", no rodapé, vai Zona de Texto (textarea)

• Contornos do Shoutbox: Border de 5px, Radius 10px, cor #ff6633.

É isso aí por enquanto, eu acho. Postem uma imagem de exemplo pra ver como ficará.
~ Espero respostas. Abraços, Ulti.



  • Informações:




Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Chatbox,Edição



Última edição por UltimaterX em 14/06/14, 08:54 pm, editado 3 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues
  • 0

Resolvido Re: Edição no Chatbox

Mensagem por Duel em 13/06/14, 06:56 pm

Boa noite!

Isso que o senhor descreveu, não e um shoutbox..
O senhor, quer que alteremos o chatbox? Ou o shoutbox?
Seta http://ajuda.forumeiros.com/t87707-tutorial-chatbox-estilo-shoutbox

Atenciosamente, Duel. Piscada

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Edição no Chatbox

Mensagem por ShaDownS em 13/06/14, 09:08 pm

Ah, eu me confundi.

É edição do Chatbox ^^
~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Edição no Chatbox

Mensagem por Sennior em 14/06/14, 03:47 am

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
a.chat-title:before {content: "Chat Naruto Ultimate"!important;font-family: Verdana !important;text-align: center;position: relative;left: 42pc;display: -webkit-box;}div#chatbox_members {font-family: Arial!important;font-size: 12px!important;}h4.member-title.away {text-align:center!important;}h4.member-title.online {text-align: center!important;}div#chatbox {font-family: Calibri!important;}#chatbox .user {font-weight: 700!important;font-family: arial !important;font-size: 13px !important;}span.msg {font-size: 13px!important;}.fontbutton {background: #ff7733 !important;border: 1px solid rgb(135, 61, 7) !important;border-radius: 4px !important;div#cp-main {-moz-border-radius: 5px;
-webkit-border-radius: 5px;background-color: #FFFFFF;border: 2px solid #ff6633;border-radius: 10px;}
Obs:. Coloque o código acima no inicio de teu CSS.

Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Edição no Chatbox

Mensagem por ShaDownS em 14/06/14, 03:04 pm

Sennior, poderia arrumar o code? Me parece que há um problema nos fechamentos e aberturas "{" e "}" ^^ Desde já, podem bloquear o tópico.

~ Abraços, Ulti.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Edição no Chatbox

Mensagem por Sennior em 14/06/14, 03:19 pm

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
a.chat-title:before {content: "Chat Naruto Ultimate"!important;font-family: Verdana !important;text-align: center;position: relative;left: 42pc;display: -webkit-box;}div#chatbox_members {font-family: Arial!important;font-size: 12px!important;}h4.member-title.away {text-align:center!important;}h4.member-title.online {text-align: center!important;}div#chatbox {font-family: Calibri!important;}#chatbox .user {font-weight: 700!important;font-family: arial !important;font-size: 13px !important;}span.msg {font-size: 13px!important;}.fontbutton {background: #ff7733 !important;border: 1px solid rgb(135, 61, 7) !important;border-radius: 4px !important;}
div#cp-main {-moz-border-radius: 5px; -webkit-border-radius: 5px;background-color: #FFFFFF;border: 2px solid #ff6633;border-radius: 10px;}
Obs:. Coloque o código acima no inicio de teu CSS.

Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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