Como colocar imagem no forum

[Leonardo_luiz17]

Detalhes da questão

Endereço do fórum: http://pressingfootball.forumeiros.com/
Versão do fórum: PunBB

Descrição

Gostaria de colocar imagem no meu forum onde fica os titulos do topicos etc. onde esta escrito Moderação, Área livre etc.

Igual nesse forum:
http://muonline.7forum.net/

[VitorC.]

Olá @Leonardo_luiz17,

Adicione em sua Folha de Estilo CSS:

Código:

th {
    background-color: #162d54; /* <- coloque a cor desejada em hexadecimal ou em inglês */
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Em LINK_DA_SUA_IMAGEM, coloque o link da imagem de sua preferência.

Até mais,
VitorC.

[Leonardo_luiz17]

Olá @Leonardo_luiz17,

Adicione em sua Folha de Estilo CSS:

Código:

th {
    background-color: #162d54; /* <- coloque a cor desejada em hexadecimal ou em inglês */
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Em LINK_DA_SUA_IMAGEM, coloque o link da imagem de sua preferência.

Até mais,
VitorC.

Erro

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.

[ArtuC.]

Olá administrador,
Poderá me passar a sua folha de estilo CSS?

Painel de Controle  Visualização  Imagens & Cores  Cores  Aba Folha de Estilo CSS

ArturC.

[Leonardo_luiz17]

Olá administrador,
Poderá me passar a sua folha de estilo CSS?

Painel de Controle  Visualização  Imagens & Cores  Cores  Aba Folha de Estilo CSS

ArturC.

Código:

li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }


#i_whosonline + p br + br + em {
display: none;
}


body {
    background-image: url("http://i19.servimg.com/u/f19/18/57/19/43/ggzvfr11.jpg");
}



    .user-basic-info a:first-child img:first-child{width:150px;height:200px}





        .avat-miembro {
        float: left;
        }
        .avat-miembro img {
        width: 40px;
        height: 40px;
        padding: 1px;
        margin: 0 5px;
        border-radius: 0px
        }


[ArtuC.]

Olá administrador,
Mude pra esta folha de estilo CSS

Código:

li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
#i_whosonline + p br + br + em {
display: none;
}
body {
    background-image: url("http://i19.servimg.com/u/f19/18/57/19/43/ggzvfr11.jpg");
}
.user-basic-info a:first-child img:first-child{ width:150px;height:200px }
        .avat-miembro {
        float: left;
 }
.avat-miembro img {
        width: 40px;
        height: 40px;
        padding: 1px;
        margin: 0 5px;
        border-radius: 0px
}

ArturC.

[VitorC.]

Olá @Leonardo_luiz17,

Substitua tudo por este (lembre-se de colocar o link correto da imagem, e também não exclua nenhuma chave {}):

Código:

li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }

#i_whosonline + p br + br + em {
display: none;
}
body {
    background-image: url("http://i19.servimg.com/u/f19/18/57/19/43/ggzvfr11.jpg");
}
       .user-basic-info a:first-child img:first-child{width:150px;height:200px}
       .avat-miembro {
        float: left;
        }
        .avat-miembro img {
        width: 40px;
        height: 40px;
        padding: 1px;
        margin: 0 5px;
        border-radius: 0px
        }
th {
    background-color: #162d54; /* <- coloque a cor desejada em hexadecimal ou em inglês */
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Até mais,
VitorC.

[Leonardo_luiz17]

Olá administrador,
Mude pra esta folha de estilo CSS

Código:

li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }
#i_whosonline + p br + br + em {
display: none;
}
body {
    background-image: url("http://i19.servimg.com/u/f19/18/57/19/43/ggzvfr11.jpg");
}
.user-basic-info a:first-child img:first-child{ width:150px;height:200px }
        .avat-miembro {
        float: left;
 }
.avat-miembro img {
        width: 40px;
        height: 40px;
        padding: 1px;
        margin: 0 5px;
        border-radius: 0px
}

ArturC.

Onde eu coloca a foto para ter as imagens?

[Leonardo_luiz17]

Olá @Leonardo_luiz17,

Substitua tudo por este (lembre-se de colocar o link correto da imagem, e também não exclua nenhuma chave {}):

Código:

li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }

#i_whosonline + p br + br + em {
display: none;
}
body {
    background-image: url("http://i19.servimg.com/u/f19/18/57/19/43/ggzvfr11.jpg");
}
       .user-basic-info a:first-child img:first-child{width:150px;height:200px}
       .avat-miembro {
        float: left;
        }
        .avat-miembro img {
        width: 40px;
        height: 40px;
        padding: 1px;
        margin: 0 5px;
        border-radius: 0px
        }
th {
    background-color: #162d54; /* <- coloque a cor desejada em hexadecimal ou em inglês */
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Até mais,
VitorC.

Continua dando o mesmo erro, mesmo eu apenas copiando e colando sem modificar nada

[VitorC.]

Olá @Leonardo_luiz17,

Tente este:

Código:

.th {
    background-color: #162d54; /* <- coloque a cor desejada em hexadecimal ou em inglês */
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Modifique o link. Acho que agora dá!
Até mais,
VitorC.

[Leonardo_luiz17]

Olá @Leonardo_luiz17,

Substitua tudo por este (lembre-se de colocar o link correto da imagem, e também não exclua nenhuma chave {}):

Código:

li > a.mainmenu[href="/groups"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }

#i_whosonline + p br + br + em {
display: none;
}
body {
    background-image: url("http://i19.servimg.com/u/f19/18/57/19/43/ggzvfr11.jpg");
}
       .user-basic-info a:first-child img:first-child{width:150px;height:200px}
       .avat-miembro {
        float: left;
        }
        .avat-miembro img {
        width: 40px;
        height: 40px;
        padding: 1px;
        margin: 0 5px;
        border-radius: 0px
        }
th {
    background-color: #162d54; /* <- coloque a cor desejada em hexadecimal ou em inglês */
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Até mais,
VitorC.

Eu removi o "/* <- coloque a cor desejada em hexadecimal ou em inglês */" e o codigo funcionou , no entanto não funcionou

[ArtuC.]

Olá administrador,

Código:

.th {
    background-color: #162d54; /
    background-image: url(LINK_DA_SUA_IMAGEM);
}

Bote este no final da folha, se a problema persistir, avise a mim

ArturC.

[Fraise]

Bom dia!

Adicione no inicio da sua folha de estilos:

Código:

.forabg {
background: url('URL_DA_IMAGEM')!important;
}

Substitua URL_DA_IMAGEM pela imagem desejada.

Até mais.
Fraise

[Leonardo_luiz17]

Ninguem conseguiu resolver o meu problema, eu quero colocar imagem aqui:



Iguaal nesse foru:
http://muonline.7forum.net/

[Fraise]

Boa tarde,

Tente assim:

Código:

.forabg {
background-image: url('URL_DA_IMAGEM')!important;
background-color: none!important;
}

Lembrando que deve adicionar no inicio da sua folha de estilos.

Até mais.
Fraise

[Fraise]

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas.