Modificando o chatbox

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

Resolvido Modificando o chatbox

Mensagem por BackEmanuel em 12/03/12, 03:28 pm

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.


Como que eu gostaria que me ensinassem a fazer.

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, 08:17 pm, editado 2 vez(es) (Razão : Resolvido)
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por MateusV. em 12/03/12, 04:23 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 12/03/12, 06:28 pm

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

#chatbox {
background-image: url(http://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.
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por MateusV. em 12/03/12, 06:29 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 12/03/12, 06:45 pm

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.
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por MateusV. em 12/03/12, 06:50 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 12/03/12, 07:21 pm

Perfeito, mais tipo, quando eu coloco a imagem de cima essa:

Que eu fiz pra testar, não fica com as bordas cortadas ficando arredondadas... =/
Tem alguma sugestão ?
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por MateusV. em 12/03/12, 07:24 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 13/03/12, 07:10 pm

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

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por iPrompt em 13/03/12, 07:12 pm

Adiciona este código em seu CSS

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

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 13/03/12, 07:14 pm

Continua sem resultado =:C
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por iPrompt em 13/03/12, 07:19 pm

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;
}
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/

Resolvido Re: Modificando o chatbox

Mensagem por MateusV. em 13/03/12, 07:28 pm

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.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 13/03/12, 07:34 pm

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!
avatar

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

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

Resolvido Re: Modificando o chatbox

Mensagem por cyllaz em 13/03/12, 07:45 pm

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

cyllaz
Usuário destaque

Masculino
Inscrito dia : 28/11/2009
Mensagens : 890
Pontos Ativos : 1258

Ver perfil do usuário http://sparquitetura.livreforum.com/

Resolvido Re: Modificando o chatbox

Mensagem por BackEmanuel em 13/03/12, 07:58 pm

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

BackEmanuel
Nível 8

Masculino
Inscrito dia : 27/11/2011
Mensagens : 105
Pontos Ativos : 155

Ver perfil do usuário http://wowciclone.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