Modificando o chatbox

4 participantes

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

Tópico resolvido Modificando o chatbox

Mensagem por BackEmanuel 12.03.12 18:28

Qual é minha questão:
Como eu modifico a Imagem de cima e a de baixo do fórum.

Forma em que se encontra atualmente:
Com a imagem que vem, original.
Modificando o chatbox WyyyM

Como que eu gostaria que me ensinassem a fazer.
Modificando o chatbox HxMqG
Modificar a imagem toda, borda arredondada e tudo.
Esse é só um exemplo prático.

Retomando que eu pretendo modificar a imagem de baixo também.

Medidas que eu tomei para corrigir o problema:
Tentei ver o tutorial, mais não está bem explicado como deveria .-.

Links e imagens do meu problema:
.

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3


Última edição por MateusV. em 17.03.12 23:17, editado 2 vez(es) (Motivo da edição : Resolvido)
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por MateusV. 12.03.12 19:23

Olá, isto este em seu CSS, poderia fornece-lo para que eu posso dar uma olhada?
Cordialmente. Café
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 12.03.12 21:28

.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}

#chatbox {
background-image: url(https://i.imgur.com/ecaqz.gif);
background-repeat: no-repeat;
background-color: #ECF3F7
background-position: bottom center;
background-position: 20px 10px;
}

var CopyrightNotice = 'Professional like/dislike bar for forumotion phpBB3 boards. Copyright © 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
$('#main-content').prepend('ul.profile-icons li.ddvote{height:20px;line-height:20px;font-size:12px;font-weight:bold}ul.profile-icons li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote img{cursor:default;vertical-align:middle}.postbody ul.profile-icons li.ddvote a img{cursor:pointer}');
var x=$('.vote').get();
for (i=x.length-1; i>=0; i--) {
var plus='0';

var vplus='';

var y=$(x[i]).find('.vote-button a').get();
for (j=0; j

É meu css.

Eu queria saber o quê posso acrescentar para mexer nas imagens do chat.
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por MateusV. 12.03.12 21:29

Olá, substitua o codigo por este
Código:
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}


var CopyrightNotice = 'Professional like/dislike bar for forumotion phpBB3 boards. Copyright ©️ 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
$('#main-content').prepend('ul.profile-icons li.ddvote{height:20px;line-height:20px;font-size:12px;font-weight:bold}ul.profile-icons li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote img{cursor:default;vertical-align:middle}.postbody ul.profile-icons li.ddvote a img{cursor:pointer}');
var x=$('.vote').get();
for (i=x.length-1; i>=0; i--) {
var plus='0';

var vplus='';

var y=$(x[i]).find('.vote-button a').get();
for (j=0; j
Cordialmente. Café
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 12.03.12 21:45

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

Mais o código com certeza não vai ser esse devido você não ter intendido bem minha dúvida.
Quero modificar a IMAGEM no canto superior e inferior do chatbox. Intendeu ?
Mudar a imagem em base.
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por MateusV. 12.03.12 21:50

Olá, sim entendi, veja
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}

#chatbox {
background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-color: #ECF3F7
background-position: bottom center;
background-position: 20px 10px;
}
#chatbox_header {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
}
#chatbox_footer {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
}
Substitua seu CSS por este modificando as áreas em vermelho..
Cordialmente. Café
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 12.03.12 22:21

Perfeito, mais tipo, quando eu coloco a imagem de cima essa:
Modificando o chatbox TW54l
Que eu fiz pra testar, não fica com as bordas cortadas ficando arredondadas... =/
Tem alguma sugestão ?
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por MateusV. 12.03.12 22:24

Olá, deseja arredondar as bordas certo? Se sim substitua por este codigo
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}

#chatbox {
background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-color: #ECF3F7
background-position: bottom center;
background-position: 20px 10px;
}
#chatbox_header {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
moz-border-radius: 5px;
-webkit-border0radius: 5px;
}
#chatbox_footer {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
moz-border-radius: 5px;
-webkit-border0radius: 5px;
}
Cordialmente. Café
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 13.03.12 22:10

Eu uso esse script, mais não fica com borda redonda não =/
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por Roevs 13.03.12 22:12

Adiciona este código em seu CSS

Código:
#chatbox {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
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

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 13.03.12 22:14

Continua sem resultado =:C
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por Roevs 13.03.12 22:19

Tente este código

Código:
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

Se não der tente este

Código:
#chatbox {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
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

Membro Entusiasta

Tópico resolvido Re: Modificando o chatbox

Mensagem por MateusV. 13.03.12 22:28

Olá,substitua seu codigo por este
Código:
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}

#chatbox {
background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-color: #ECF3F7
background-position: bottom center;
background-position: 20px 10px;
}
#chatbox_header {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#chatbox_footer {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 13.03.12 22:34

Código:
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}

#chatbox {
background-image: url(URL DA IMAGEM);
background-repeat: no-repeat;
background-color: #ECF3F7
background-position: bottom center;
background-position: 20px 10px;
}
#chatbox_header {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#chatbox_footer {
background-image: url(URL DA IMAGEM);
background-repeat: repeat-x;
background-position: center;
moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

Do MateusV deu Certo...

Obrigado ai, a MatheusV e @Coper!
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por cyllaz 13.03.12 22:45

antes de tudo recomendo você a tirar todo esse código abaixo de sua folha de estilos CSS, pois ele não pertence a esse lugar e não trara resultados...

Código:
var CopyrightNotice = 'Professional like/dislike bar for forumotion phpBB3 boards. Copyright © 2011 by Dion Designs. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified script. Distribution is not allowed without written consent from Dion Designs.';
$(function() {
$('#main-content').prepend('ul.profile-icons li.ddvote{height:20px;line-height:20px;font-size:12px;font-weight:bold}ul.profile-icons li.ddvote a{display:inline}.postbody ul.profile-icons li.ddvote img{cursor:default;vertical-align:middle}.postbody ul.profile-icons li.ddvote a img{cursor:pointer}');
var x=$('.vote').get();
for (i=x.length-1; i>=0; i--) {
var plus='0';

var vplus='';

var y=$(x[i]).find('.vote-button a').get();
for (j=0; j
avatar

cyllaz
Membro

Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258

http://sparquitetura.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel 13.03.12 22:58

Obrigado pelo toque mais eu já havia retirado =D
BackEmanuel

BackEmanuel
***

Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155

http://wowciclone.forumeiros.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