Edição no Chatbox

4 participantes

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

Tópico resolvido Edição no Chatbox

Mensagem por ShaDownS 19.06.14 4:38

  • 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 04.07.14 3:57, editado 2 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 Alex Habilidade 19.06.14 16:39

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.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

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

Mensagem por ShaDownS 19.06.14 17:43

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.
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 ShaDownS 22.06.14 7:01

UP! Estudar
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 Alex Habilidade 26.06.14 2:05

Olá,

Poderia me fornecer a sua CSS.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

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

Mensagem por ShaDownS 26.06.14 21:49

Certo. Está neste LINK.
~ Abraços, Soldier.
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 ShaDownS 26.06.14 22:09

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://2img.net/i/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://2img.net/i/fa/prosilver/corners_left.gif]http://2img.net/i/fa/prosilver/corners_left.gif[/url]");
  }
span.corners-top span {
  background-image: url("[url=http://2img.net/i/fa/prosilver/corners_right.gif]http://2img.net/i/fa/prosilver/corners_right.gif[/url]");
  }
span.corners-bottom {
  background-image: url("[url=http://2img.net/i/fa/prosilver/corners_left.gif]http://2img.net/i/fa/prosilver/corners_left.gif[/url]");
  }
span.corners-bottom span {
  background-image: url("http://2img.net/i/fa/prosilver/corners_right.gif[url=http://2img.net/i/fa/prosilver/corners_right.gif][/url]");
  }
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 ShaDownS 28.06.14 5:01

UP!
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 ShaDownS 30.06.14 15:47

UP! Estudar
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

Principal Contribuidor

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

Mensagem por Sennior 01.07.14 17:28

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.
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 03.07.14 22:25

Ativado  Pipoca
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

Membro Entusiasta

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

Mensagem por Roevs 03.07.14 22:35

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é
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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