Edição no Chatbox

3 participantes

Ir para baixo

Tópico resolvido Edição no Chatbox

Mensagem por ShaDownS 13.06.14 21:39


  • 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 15.06.14 0:54, editado 3 vez(es)
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição no Chatbox

Mensagem por Duel 13.06.14 22:56

Boa noite!

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

Atenciosamente, Duel. Piscada
avatar
Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição no Chatbox

Mensagem por ShaDownS 14.06.14 1:08

Ah, eu me confundi.

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

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição no Chatbox

Mensagem por Sennior 14.06.14 7:47

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição no Chatbox

Mensagem por ShaDownS 14.06.14 19:04

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.
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição no Chatbox

Mensagem por Sennior 14.06.14 19:19

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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