Alterar aparência do code nos tópicos

Alterar aparência do code nos tópicos

 por Uilia 29.10.11 5:55

Qual é minha questão:
Ola!

Queria deixar a aparencia do code nos topicos igual a esse :


Vi no forum de publicidade da forumeiros

O meu esta assim :


Tem como deixar o de cima da mesma cor do debaixo ??

até mais e obg desde ja

Medidas que eu tomei para corrigir o problema:
nenhuma,
Me sinto mal falando isso :S

Imagens do meu problema:
https://2img.net/r/ihimizer/img832/7097/codigoforum.png
https://2img.net/r/ihimizer/img607/3893/codigoforum2.png

Endereço do meu fórum:
progaweb.forumeiros.com

Versão do meu fórum:
PUNBB

Re: Alterar aparência do code nos tópicos

 por » UltimateDragon « 29.10.11 11:03

Re: Alterar aparência do code nos tópicos

 por '-Hobby-' 29.10.11 12:28

Re: Alterar aparência do code nos tópicos

 por Uilia 29.10.11 13:33

Re: Alterar aparência do code nos tópicos

 por Cream 31.10.11 18:58

Olá,

Aceda em:
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS

E insira os seguintes códigos:

Código:


.codebox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FCF0F0;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #DD4B39;
    border-style: none none none solid;
    border-width: 0 0 0 3px;
    padding: 20px;
}

.cont_code {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #D1D7DC;
    border-color: #DEE3E7;
    border-style: solid;
    border-width: medium 1px 1px medium;
    color: #E4881C;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
}


Resulta?
Até mais!

Re: Alterar aparência do code nos tópicos

 por Uilia 31.10.11 19:03

Re: Alterar aparência do code nos tópicos

 por Cream 31.10.11 19:05

Olá,

É sim. Aceda em:
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS

E adicione os seguintes códigos:

Código:


td.code {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FCF0F0;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #DD4B39;
    border-style: none none none solid;
    border-width: 0 0 0 3px;
    padding: 20px;
}

.code {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #D1D7DC;
    border-color: #DEE3E7;
    border-style: solid;
    border-width: medium 1px 1px medium;
    color: #E4881C;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
}


Resulta?
Até mais!

Re: Alterar aparência do code nos tópicos

 por Uilia 31.10.11 19:13

Re: Alterar aparência do code nos tópicos

 por Cream 31.10.11 19:24

Olá,

Aceda em:
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS

E adicione os seguintes códigos:

Código:


dl.codebox {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #FCF0F0;
        border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #DD4B39;
        border-style: none none none solid;
        border-width: 0 0 0 3px;
        padding: 20px;
    }

    .codebox dd code {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #D1D7DC;
        border-color: #DEE3E7;
        border-style: solid;
        border-width: medium 1px 1px medium;
        color: #E4881C;
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 12px;
    }


Resulta?
Até mais!

Re: Alterar aparência do code nos tópicos

 por Uilia 31.10.11 19:28

Ae quase funcionou xD

• 0Reputação da mensagem: 100% (1 votos)

Re: Alterar aparência do code nos tópicos

 por Cream 31.10.11 19:34

Re: Alterar aparência do code nos tópicos

 por Uilia 31.10.11 19:35