Alterar algumas cores

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

Resolvido Alterar algumas cores

Mensagem por reno182 em 26/02/11, 10:24 am

Qual é sua questão:
Dúvida 1: Gostaria de mudar esta cor preta para uma cor azul, pra entender melhor basta olhar a imagem postada abaixo.
Quero mudar a cor desta parte que esta circulada de vermelho.

Dúvida 2: Gostaria de saber qual o código para aumentar a largura da borda lateral das categórias. (circulada de vermelho na imagem)

Dúvida 3: Gostaria de saber qual é o código para diminuir a borda de baixo do fechamento da categoria (circulada de verde na imagem)

Que medidas você tomou para corrigir o problema:
Modifiquei todas as cores do fórum e nenhuma resultou. Creio que necessite de um código CSS.

Apresente-nos imagens do problema (se necessário):
Imagem dúvida 1:


Imagem dúvida 2 e 3:


Informações adicionais:
Meu fórum é Invision
Folha CSS:
Código:
#ipbwrapper {
  background-color: #FFFFFF;
  width: 950px;
}
table.ipbtable thead th.forum2 {
  padding-right: -1000px !important;
}


/* ------------- Posts ------------- */
.post {
  background-image: url('http://i43.servimg.com/u/f43/12/43/33/59/side-211.png');
  background-position:  left top;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
}
.post-container {
  background-color: #F7F7F7;
}
.postbody {
  width: 100%;
  background-color: transparent;
}
.post-entry {
  background-color: #f6f6f6;
  margin: 0.5em;
  overflow: hidden;
}
.post-container {
  margin-left: 195px;
}
* html .post-entry {
  width: 96.9%;
  float: left;
}

.postprofile {
  float: left;
  margin-left: -195px;
  width: 195px;
}

.post .post-header {
  background-color: #f1f1f1;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  background-image: url("http://i43.servimg.com/u/f43/12/43/33/59/posthe10.png");
  background-repeat: repeat-x;
}
.post-footer {
  background-image: url("http://i43.servimg.com/u/f43/12/43/33/59/posthe10.png");
  background-color: #f1f1f1;
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

div.post-footer ul.misc-icons li a img, div.post-footer ul.posting-icons li a img, .i_reply {
  margin-right: 4px;
}

.popmenubutton a {
  background-color: #FFFFFF;
  border: 1px solid #4095b4;
}
.popmenubutton a:hover {
  background-color: #f5f5f5;
  border: 1px solid #4095b4;
}
.popmenubutton a img {
  margin-right: 4px;
}
.popupmenu {
  margin-top: 3px;
  width: 280px;
  background-image: url('http://i43.servimg.com/u/f43/12/43/33/59/pp-bla10.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
  border: 1px solid #4095b4;
}
.popupmenu ul li {
  background-color: transparent;
  border: 0px solid #000000;
}
.avatar {
  display: none;
}
#submenu
{background: #FFFFFF ;color: #FFFFF}

#gfooter {
background-color: #2B6185;
}

.postprofile {
border-right: 1px solid #2B6185;!important;
}

.borderwrapm, div.borderwrap {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
div.maintitle, table.ipbtable tfoot td {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

table.ipbtable tfoot td {
background-color: #2B6185 ;
font-size: 3px;
height: 10px;
}


Última edição por reno182 em 26/02/11, 10:34 am, editado 1 vez(es)
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

Resolvido Re: Alterar algumas cores

Mensagem por Callie em 26/02/11, 10:29 am

Olá reno182,

Vamos por partes.
O código que lhe dei há pouco:

Código:
table.ipbtable tfoot td {
background-color: CÓDIGO DA COR;
font-size: 3px;
height: 10px;
}

Experimente alterar o valor de height e diga-me se funcionou.

Quanto à alteração de cor experimente:

Código:
.post {
border-bottom: NÚMEROpx solid COR;
}

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 26/02/11, 10:37 am

Sim, quando eu recebi o código eu já testei pra ver se diminuia a largura e nada resultou.

Sobre a cor deu certo Muito feliz

Dúvida 1 resolvida
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

Resolvido Re: Alterar algumas cores

Mensagem por Callie em 26/02/11, 10:46 am

Olá de novo,

Com esta alteração não funciona?

Código:
table.ipbtable tfoot td {
background-color: CÓDIGO DA COR;
font-size: 3px;
height: 10px;
border-width: 2px
}

Quanto à dúvida da largura experimente o seguinte:

Código:
#navstrip {
color: #2B6185;
font-weight: 700;
list-style: none;
margin: 0 0 1em
border-width: 3px;
}

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 26/02/11, 11:31 am

Voltei, vamos lá.

Coloquei os códigos e nada mudou. Na borda de baixo da categoria adicionei isso como você falou
Código:
border-width: 2px
e nada mudou, mudei a height de 10px para 15px e aumentou, mais como eu queria era diminuir, coloquei 5px e ficou como se estivesse 10px, acho que o mínino é 10px, mas continua larga ou talvez exista outro código.

Sobre a borda lateral da categoria, adicionei este código também que você me mandou
Código:
#navstrip {
color: #2B6185;
font-weight: 700;
list-style: none;
margin: 0 0 1em
border-width: 3px;
}
e nada mudou, aumentei a
Código:
border-width:
, e a
Código:
font-weight
pra ve se deixava mais larga e nada mudou.

Aproveitar o tópico, sabe qual código para modificar a cor disso aqui também. Envergonhado
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

Resolvido Re: Alterar algumas cores

Mensagem por Callie em 26/02/11, 11:49 am

Olá de novo,

Já experimentou pôr valores negativos?

No segundo código retire a parte do border e tente alterar o font-weight...

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 26/02/11, 11:54 am

Tentei códigos negativos, aumentei/abaixei font-weight/border-width:, retirei border como você disse e deixei só font-weight, abaixei e diminui os PX e nada mudou.

Em choque


Última edição por reno182 em 26/02/11, 12:05 pm, editado 1 vez(es)
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

Resolvido Re: Alterar algumas cores

Mensagem por Callie em 26/02/11, 11:59 am

Olá de novo,

Sim, por exemplo.

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 27/02/11, 06:36 pm

Estou saindo agora obrigado pela ajuda. Se possível deixe mais algumas ajudas aí.
Falow Rindo

Alguem me ajuda aqui.
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

Resolvido Re: Alterar algumas cores

Mensagem por #Frank! em 28/02/11, 08:29 am

Olá !

Poderia me dizer se sua dúvida foi solucionada?!

Abraços, Piscada
Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

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

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 28/02/11, 04:12 pm

Não, preciso de ajuda >___<
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 03/03/11, 06:39 pm

Será que alguém pode me ajudar aqui?
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/
  • 0

Resolvido Re: Alterar algumas cores

Mensagem por Callie em 04/03/11, 04:48 am

Olá de novo,

Mais uma vez, que cores faltam mudar exatamente?

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 04/03/11, 10:11 pm

As dúvidas que permanacem são:
Trocar a cor desta parte que está de cor preta na imagem abaixo.


Engrossar as bordas laterais da categoria.
Diminuir a largura da borda de baixo da categoria.

Obrigado
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/
  • 0

Resolvido Re: Alterar algumas cores

Mensagem por seender em 06/03/11, 10:52 pm

Olá!

Quanto o local que está preto, veja se resolve este código:
.box-content {
border-bottom: 10px solid #CCC;
}
Espessura da borda, Cor do local que está em preto.

Sobre a dúvida de diminuir a largura, creio que não há como mas poderá colocar o texto no meio para não ficar estranho:
Código:
td.row1 centered, table.ipbtable td {
margin-top: 6px;
}
Se não der certo, tente com este:
Código:
td.row1 centered, table.ipbtable td {
margin-bottom: -6px;
}

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Alterar algumas cores

Mensagem por reno182 em 07/03/11, 10:24 pm

Resolvido. Muito obrigado.

Só não consegui deixar a borda lateral da categoria mais larga, mais tá de boa em breve posto outro tópico pedindo mais ajuda.

Grato a todos que ajudaram no aí. Rindo
avatar

reno182
Nível 7

Masculino
Inscrito dia : 09/04/2010
Mensagens : 97
Pontos Ativos : 146

Ver perfil do usuário http://ebguild.forumeiro.net/

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