Adicionar imagens ao fundo da categoria

3 participantes

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

Tópico resolvido Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus 05.07.13 19:42

Qual é minha questão:
Olá!

Gostaria de saber como adicionar as seguintes imagens e posicioná-las da seguinte maneira:
https://i.imgur.com/b7tot50.jpg

Fórum que vi isso:
http://pokemonbrutalsempre.forumeiros.com/forum

Obrigado!

Endereço do meu fórum:
http://pokemon-infinity.forumeiros.com

Versão do fórum:
PHPBB3
'Dynamus

'Dynamus
**

Membro desde : 05/07/2013
Mensagens : 54
Pontos : 82

http://pokemon-infinity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por -Yts 05.07.13 19:46

Olá,

Não entendi,

Você gostaria de colocar as imagens aonde?

Até mais.!
avatar

-Yts
***

Membro desde : 26/05/2013
Mensagens : 130
Pontos : 210

http://powerduckets.forumfacil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por goodbye 05.07.13 19:53

Olá!

Para as descrições fará da seguinte maneira, terá de aceder as descrições do fórum um a um e editá-los com o código abaixo:

Código:
<div id="nome_da_id">aqui A DESC.</div>

E coloque este código em teu CSS:

Código:
#nome_da_id {
background-image: url(http://i.imgur.com/7fCCFjA.jpg);
border-bottom: 1px dotted #000;
border-left: 6px solid #858585;
border-right: 6px solid #858585;
border-top: 1px dotted #000;
margin-left: 44px;
padding: 7px;
text-align: center;
width: 340px
}

Para o efeito nas ultimas mensagens acrescente o código a seguir na folha de CSS:

Código:
.forabg .row .lastpost {
background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRomoErb_t0xbE_KkMqSKhamRkE1Ey6xd7GE0IsjyGFAxFKtcNf)!important;
border-left: 6px solid #000;
border-radius: 0 30px 0 30px;
border-right: 6px solid #000;
border-top: 2px solid #000;
display: block;
font-family: 'Berkshire Swash';
font-size: 13px;
height: 50px;
margin-left: 105px!important;
margin-top: 15px;
padding: 4px 3px 0;
position: relative;
text-align: center;
width: 180px;
}

Abraços, Harker.
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus 05.07.13 20:04

De certo modo, funcionou, mas possui 2 erros:

1. a 'última Mensagem' fica posicionada abaixo.

2. O nome do usuário não fica centralizado.

É possível resolvê-los?
'Dynamus

'Dynamus
**

Membro desde : 05/07/2013
Mensagens : 54
Pontos : 82

http://pokemon-infinity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por goodbye 05.07.13 20:15

Troque o código por este:

Código:
.forabg .row .lastpost {
border-left: 6px solid rgb(0, 0, 0);
border-radius: 0px 30px;
border-right: 6px solid rgb(0, 0, 0);
border-top: 2px solid rgb(0, 0, 0);
display: block;
font-family: 'Berkshire Swash';
font-size: 13px;
height: 50px;
margin-top: 15px;
padding: 4px 3px 0px;
position: relative;
left: 450px;
text-align: center;
width: 180px;
background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRomoErb_t0xbE_KkMqSKhamRkE1Ey6xd7GE0IsjyGFAxFKtcNf);
margin-left: 105px;
}

Seta Quanto ao nick, as propriedades estão agregadas e não encontrei uma forma de centralizá-lo.

Até mais!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus 05.07.13 20:21

Não funcional!!

As imagens desaparecem e aparecem embaixo!
'Dynamus

'Dynamus
**

Membro desde : 05/07/2013
Mensagens : 54
Pontos : 82

http://pokemon-infinity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por goodbye 05.07.13 20:34

Tem de apagar o código anterior e trocar pelo o que estou fornecendo.

Troque por este:

Código:
.forabg .row .lastpost {
background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRomoErb_t0xbE_KkMqSKhamRkE1Ey6xd7GE0IsjyGFAxFKtcNf);
border-left: 6px solid rgb(0, 0, 0);
border-radius: 0px 30px;
border-right: 6px solid rgb(0, 0, 0);
border-top: 2px solid rgb(0, 0, 0);
display: block;
font-family: 'Berkshire Swash';
font-size: 13px;
height: 50px;
left: 460px;
margin-left: 105px;
margin-top: -53px;
padding: 2px -0px 0px;
position: relative;
text-align: center;
width: 180px;
}

Valide!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus 05.07.13 20:40

Era o que já tinha feito!

O problema não seria a coluna de Tópicos e Mensagens? Se sim, pode me mandar o código para eliminá-las.
'Dynamus

'Dynamus
**

Membro desde : 05/07/2013
Mensagens : 54
Pontos : 82

http://pokemon-infinity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por goodbye 05.07.13 20:56

Certo, ficaria melhor.. acrescente o código a seguir em sua folha:

Código:
.topics {
position: absolute;
left: -9999px;
}
.posts {
position: absolute;
left: -9999px;
}
.lastpost {
position: relative;
left: 90px;
}

Resolve?!
avatar

goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus 05.07.13 21:03

Muito obrigado!

Pode fechar! ^^
'Dynamus

'Dynamus
**

Membro desde : 05/07/2013
Mensagens : 54
Pontos : 82

http://pokemon-infinity.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos