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 19/06/14, 12:38 am

  • Descrição:
Olá, queria arrumar meu Chatbox. Alguém poderia me dar o code dessa personalização:

• Bordas grossas superiores e inferiores de cor cinzas, bem próximas do Chatbox. Pois estão longe demais, queria que ficassem como a outra borda que esta sem radius.

• Tirar esta borda sem radius.

• Centralizar o cabeçalho "Chatbox" trocar ele por "Chat - Fórum Naruto Ultimate"

• Trocar o campo input "text" onde escreve a mensagem, pelo input "textarea", com altura de 150px apenas, e a largura pode deixar a padrão.

É isso, o meu Chatbox ficou bem desarrumado. Veja
~> http://forumnarutoultimate.forumeiros.com
no final da page
~ Por favor, não se registrem. Não quero que tenha membros daqui no meu fórum,pelo motivo do qual desnecessariamente terei membros do FdF lá por acaso. E ocupando lugar consequentemente. Abraços, Soldier.

  • Informações:
Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Erros diversosTags:Edição,Chatbox



Última edição por Kirisama em 03/07/14, 11:57 pm, editado 2 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

Resolvido Re: Edição no Chatbox

Mensagem por Alex Habilidade em 19/06/14, 12:39 pm

Olá,

Para que possamos personalizar seu chatbox, temos que nos registrar para ter acesso e personalizar de acordo com o formato do seu fórum.

Seria mais facil o senhor fazer uma pré-montagem do que quer mudar.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Edição no Chatbox

Mensagem por ShaDownS em 19/06/14, 01:43 pm

Olá,

Desculpe-me,mas não uso Photoshop e não possuo internet no meu PC. Eu uso o meu smartphone pra navegar.
E apenas vou deixar uma conta registrada de vocês. E para não ter mais de uma conta, eu vou dar os detalhes para a staff usá-la:
Você pode criar a conta com estes dados

Nome de Usuário: Staff-FdF
Senha: você cria uma que todos da staff podem acessar ela, pode falar ela para o Hancki, Shek, e demais membros que ajudam nessas áreas que precisa do membro no fórum pra olhar como está o caso. Oks?

Ou simplesmente deixe a senha assim,independente só quem ver poderá acessá-la e quem quiser ajudar-me no que precisar: Forumeiros

Essa seria a senha caso você e demais poderiam usar, é só uma sugestão. Mas pode criar uma senha própria, porem, tem que falar ela pra os outros Staffers, e igualmente, dizer pra usar esta conta.

~ Obs: qualquer outra conta que não seje esta, e que ser de um membro da staff daqui, que não irá usar ela pra jogar e ajudar por lá sempre que der tempo, será excluída junto com email banido. É só um pequeno aviso para quem ser da staff ou não, para aqueles que ajudam a staff mesmo nao sendo dela. O motivo no qual citei no meu primeiro post, é a acumulação de contas desnecessárias. Ou todos usam uma conta lá, ou terei que ir excluindo as contas que fizerem. Ou vou dando elas, para quem quiser realmente me ajudar. Se perceberam uma má intenção, desculpe-me, eu tentei explicar de uma forma rigorosa e séria. Deixo abraços, Soldier.
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 ShaDownS em 22/06/14, 03:01 am

UP! Estudar
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 Alex Habilidade em 25/06/14, 10:05 pm

Olá,

Poderia me fornecer a sua CSS.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Edição no Chatbox

Mensagem por ShaDownS em 26/06/14, 05:49 pm

Certo. Está neste LINK.
~ Abraços, Soldier.
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 ShaDownS em 26/06/14, 06:09 pm

ou segue este code, eu tirei do meu css.
E algumas coisas a mais:
Código:

/* Chatbox-------------------------------------
------------*/
body.chatbox {
 background-image: none;
 }
.chatbox {
 background-color: #ffffff;
 }
#chatbox_header {
 height: 30px;
 background-color: #424242;
 }
.chatbox .forabg {
 margin: 0;
 border: none;
 padding: 0;
 margin: 0;
 background-color: #424242;
 }
.chatbox-title,.chatbox-title a.chat-title {
 color: #cccccc !important;
 }
.chatbox-title {
 float: left;
 margin: 0;
 padding: 2px 5px 0 5px;
 width: 15em;
 }
.chatbox-options {
 float: right;
 list-style: none;
 font-size: 11px;
 margin: 0.7em 0.5em 0.5em 0.5em;
 }
.chatbox-options li {

 display:inline;
 }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
 color: #cccccc;
 }
#chatbox_members {
 position: absolute;
 top: 30px;
 bottom: 30px;
 width: 180px;
 overflow: auto;
 border-right: 1px solid ;
 }
#chatbox_members .member-title {
 text-align: center;
 padding: 0.5em 0.25em;
 background-image: none;
 font-size: 12px;
 background-color: #ffffff;
 color : #000000;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 }
#chatbox_members ul {
 list-style: none;
 margin: 0 0 0 1em;
 }
#chatbox_members ul li {
 margin: 0.5em 0.5em 0.5em 0;
 }
#chatbox {
 position: absolute;
 top: 30px;
 left: 181px;
 right: 0;
 bottom: 30px;
 overflow: auto;
 line-height: 10px;
 }
.chatbox_row_1 {
 padding: 4px;
 background-color: #ffffff;
 }
.chatbox_row_2 {
 padding: 4px;
 background-color: #ffffff;
 }
.chatbox_row_3 {
 padding: 4px;
 background-color: #ffffff;
 }
.memberlist_row_1 {
 background-color: #ffffff;
 }
#chatbox_footer {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 5px;
 }
#chatbox_footer label {
 color: #cccccc;
 }
#message,#submit_button{
 border-width: 1px;
 }
.fontbutton {
 padding: 1px;
 cursor: pointer;
 text-align: left;
 }
.fontbutton_normal {
 background: #E1E1E2;
 }
.fontbutton_selected {
 background: #BBC7CE;
 border: 1px solid #22229C;
 }
.fontbutton_clicked {
 background: #959595;
 border: 1px solid #22229C;
 }
.fontbutton_hover {

 background: #E1E1E2;
 border: 1px solid #22229C;
 }
#chatbox_contextmenu {
 border: 2px solid black;
 background-color: #ffffff;
 }
#chatbox_contextmenu p {
 margin:0;
 padding: 1px 4px;
 font-family: verdana, arial, sans-serif;
 background: #ffffff;
 border-bottom:1px solid #777;
 }
#chatbox_contextmenu p.hover {
 background: #ffffff;
 }
#chatbox_contextmenu p.close {
 background: #ddd;
 padding: 1px;
 font-size: 95%;
 color:#fff;
 background: url('');
 }
#chatbox_contextmenu p.close img {
 vertical-align: middle;
 padding-left: 20px;
 }
#chatbox_contextmenu a {
 color: #000000;
  text-decoration: none;
  font-size: 95%;
 }
#chatbox_contextmenu a:hover {

 color: ;
 }
.fontbutton {
 background:#E1E1E2 none repeat scroll 0%;
 border:medium none;
 color:#000000;
 float:left;
 margin-right:10px;
 padding:1px;
 }
#chatbox .user {
 font-weight: bold;
 }
* html #chatbox-members {
 
/* IE expressions helping IE work in
Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 }
* html #chatbox {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fo
ntSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
 }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fo
ntSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 }
/* Stats------------------------------------------------------------------------------------------*/
table.forumline {
 font-size: 1.2em;
 background-color: #424242;
 background-image: url('http://illiweb.com/fa/empty.gif');
 padding: 5px;
 background-repeat: repeat-x;
 background-position: 0 0;
 }
table.forumline td.catHead {
 text-align: left;
 color: #cccccc;
 font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
 text-transform: uppercase;
 font-size: 0.85em;
 font-weight: bold;
 padding-bottom: 5px;
 }
table.forumline tr:hover td.catHead {
 background-color: transparent;
 }
table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
 background-color: #ffffff;
 height: 25px;
 }
table.forumline td {
 height: 20px;
 }
table.forumline tr:hover td {
 background-color: #ffffff;
 }
table span.gen {
 margin-left: 5px;
 }
table.forumline.statistical td,table.forumline.bars td,table.forumline.values td {
 padding: 0 1px;
 }
table.forumline td.stat-bar {
 padding: 0 10px;
 }
/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
 font-size: 1px;
 line-height: 1px;
 display: block;
 height: 5px;
 background-repeat: no-repeat;
 }
span.corners-top {
 background-image: none;
 background-position: 0 0;
 margin: 0 -5px;
 }
span.corners-top span {
 background-image: none;
 background-position: 100% 0;
 }
span.corners-bottom {
 background-image: none;
 background-position: 0 100%;
 margin: 0 -5px;
 clear: both;
 }
span.corners-bottom span {
 background-image: none;
 ;
 background-position: 100% 100%;
 }
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
 margin: 0 -10px;
 }
span.corners-top {
  background-image: url("[url=http://illiweb.com/fa/prosilver/corners_left.gif]http://illiweb.com/fa/prosilver/corners_left.gif[/url]");
  }
span.corners-top span {
  background-image: url("[url=http://illiweb.com/fa/prosilver/corners_right.gif]http://illiweb.com/fa/prosilver/corners_right.gif[/url]");
  }
span.corners-bottom {
  background-image: url("[url=http://illiweb.com/fa/prosilver/corners_left.gif]http://illiweb.com/fa/prosilver/corners_left.gif[/url]");
  }
span.corners-bottom span {
  background-image: url("http://illiweb.com/fa/prosilver/corners_right.gif[url=http://illiweb.com/fa/prosilver/corners_right.gif][/url]");
  }
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 ShaDownS em 28/06/14, 01:01 am

UP!
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 ShaDownS em 30/06/14, 11:47 am

UP! Estudar
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 01/07/14, 01:28 pm

Saudações,

Ative o Chatbox no fórum por gentileza para que eu possa fazer as modificações. O Chatbox esta activo através de outra aba, portanto preciso que ative-o no fórum.

Abraços.
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 03/07/14, 06:25 pm

Ativado  Pipoca
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 iPrompt em 03/07/14, 06:35 pm

Olá,

Adiciona este código na sua Folha de estilo CSS

Código:
#chatbox_header {
border-radius: 0px!important;
}
#chatbox_footer {
border-radius: 0px!important;
}
h2.chatbox-title:after {
content: "Chat - Fórum Naruto Ultimate"!important;
}
a.chat-title { display: none; }
.chatbox-title, .chatbox-title a.chat-title {
color: #393939;
font-size: 12px;
font-weight: bold;
}
.chatbox-title {
text-align: center;
}

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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