Adicionar imagens ao fundo da categoria

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

Resolvido Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus em 05/07/13, 03:42 pm

Qual é minha questão:
Olá!

Gostaria de saber como adicionar as seguintes imagens e posicioná-las da seguinte maneira:
http://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
avatar

'Dynamus
Nível 5

Masculino
Inscrito dia : 05/07/2013
Mensagens : 54
Pontos Ativos : 82

Ver perfil do usuário http://pokemon-infinity.forumeiros.com/

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por -Yts em 05/07/13, 03:46 pm

Olá,

Não entendi,

Você gostaria de colocar as imagens aonde?

Até mais.!

-Yts
Nível 8

Masculino
Inscrito dia : 26/05/2013
Mensagens : 130
Pontos Ativos : 210

Ver perfil do usuário http://powerduckets.forumfacil.net/

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por North em 05/07/13, 03:53 pm

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

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus em 05/07/13, 04:04 pm

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?
avatar

'Dynamus
Nível 5

Masculino
Inscrito dia : 05/07/2013
Mensagens : 54
Pontos Ativos : 82

Ver perfil do usuário http://pokemon-infinity.forumeiros.com/

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por North em 05/07/13, 04:15 pm

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

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus em 05/07/13, 04:21 pm

Não funcional!!

As imagens desaparecem e aparecem embaixo!
avatar

'Dynamus
Nível 5

Masculino
Inscrito dia : 05/07/2013
Mensagens : 54
Pontos Ativos : 82

Ver perfil do usuário http://pokemon-infinity.forumeiros.com/

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por North em 05/07/13, 04:34 pm

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

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus em 05/07/13, 04:40 pm

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.
avatar

'Dynamus
Nível 5

Masculino
Inscrito dia : 05/07/2013
Mensagens : 54
Pontos Ativos : 82

Ver perfil do usuário http://pokemon-infinity.forumeiros.com/

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por North em 05/07/13, 04:56 pm

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

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Adicionar imagens ao fundo da categoria

Mensagem por 'Dynamus em 05/07/13, 05:03 pm

Muito obrigado!

Pode fechar! ^^
avatar

'Dynamus
Nível 5

Masculino
Inscrito dia : 05/07/2013
Mensagens : 54
Pontos Ativos : 82

Ver perfil do usuário http://pokemon-infinity.forumeiros.com/

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