Meu forum esta fora do lugar

[Takato418]

Qual é minha questão:
Boas!

Depois de adicionar este código

Código:

.box {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    position: relative;
    padding: 10px 10px 10px 50px;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.icon {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 10px;
    top: 5px;
    background-image: url(http://i.imgur.com/KayNrww.png);
    background-repeat: no-repeat;
}
.info {
    background-color: #d1e4f3;
    border-color: #4d8fcb;
    color: #0052a6; 
}
.success {
    background-color: #effeb9;
    border-color: #9ac601;
    color: #4f8a10;
}
.warning {
    background-color: #ffeaa9;
    border-color: #f9b516;
    color: #db8b00;
}
.error {
    background-color: #fccac3;
    border-color: #db3f23;
    color: #da004a;
}
.mes {
    background-color: #f2f2f2;
    border-color: #aaaaaa;
    color: #545454;
    background-position: 0 -160px;
}
.tips {
    background-color: #feeac9;
    border-color: #d38e49;
    color: #bb640c;
}
.info .icon {
    background-position: 0 0;
}
.success .icon {
    background-position: 0 -32px;
}
.warning .icon {
    background-position: 0 -64px;
}
.error .icon {
    background-position: 0 -96px;
}
.mes .icon {
    background-position: 0 -128px;
}
.tips .icon {
    background-position: 0 -160px;
}

Meu forum ficou assim



Endereço do meu fórum:
http://digimonflamerpg.forumeiros.com.pt

Versão do fórum:
PHPBB3

[Convidado]

Olá querido!

Poderia me dizer qual é o efeito que este CSS em que o senhor passou?

Até.

[Takato418]

O efeito e poder criar divbars nos tópicos

[Convidado]

Olá querido!

Coloque ese código em sua CSS

Código:

.divbar{
display: block;
width: 32px;
height: 32px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(http://i.imgur.com/KayNrww.png);
background-repeat: no-repeat;
}

Até.

[Takato418]

Boas!

Como meto esse código agora nas mensagens dos tópicos?

[Convidado]

Olá querido!

Adicione o código em que lhe passei em
Painel de controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo Css

Até.

[Sennior]

Saudações!

Coloque o código novamente para que eu possa ver o erro.

Até mais!

[Takato418]

Codigo posto outra vez