InícioModificando o chatbox
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Modificando o chatbox
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.
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
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 23:17, editado 2 vez(es) (Motivo da edição : Resolvido)
BackEmanuel- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
por MateusV. 12.03.12 19:23
Olá, isto este em seu CSS, poderia fornece-lo para que eu posso dar uma olhada?
Cordialmente.
Cordialmente.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Modificando o chatbox
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- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
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
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Modificando o chatbox
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- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
por MateusV. 12.03.12 21:50
Olá, sim entendi, veja
Cordialmente.
Substitua seu CSS por este modificando as áreas em vermelho...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;
}
Cordialmente.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Modificando o chatbox
por BackEmanuel 12.03.12 22:21
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 ?
Que eu fiz pra testar, não fica com as bordas cortadas ficando arredondadas... =/
Tem alguma sugestão ?
BackEmanuel- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
por MateusV. 12.03.12 22:24
Olá, deseja arredondar as bordas certo? Se sim substitua por este codigo
Cordialmente..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;
}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Modificando o chatbox
por BackEmanuel 13.03.12 22:10
Eu uso esse script, mais não fica com borda redonda não =/
BackEmanuel- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
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- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
BackEmanuel- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
por Roevs 13.03.12 22:19
Tente este código
Se não der tente este
- 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- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Modificando o chatbox
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;
}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Modificando o chatbox
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- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Re: Modificando o chatbox
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
cyllaz- Membro
- Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258 -
Re: Modificando o chatbox
por BackEmanuel 13.03.12 22:58
Obrigado pelo toque mais eu já havia retirado =D
BackEmanuel- ***
- Membro desde : 27/11/2011
Mensagens : 105
Pontos : 155 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos