Fazer o fundo e o logo serem a mesma imagem

4 participantes

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

Tópico resolvido Fazer o fundo e o logo serem a mesma imagem

Mensagem por Blackfyre 01.06.17 2:20

Detalhes da questão


Endereço do fórum: http://ojogodostronosrpg.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá! Gostaria de saber como faço para que o a imagem de fundo do meu fórum se "una" com a parte de fundo do logo, como se fosse uma coisa só, e em seguida colocar o título e a descrição do fórum centralizada em ambas imagens. É possível?
Blackfyre

Blackfyre
Novo Membro

Membro desde : 31/05/2017
Mensagens : 24
Pontos : 38

http://www.ojogodostronosrpg.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Fazer o fundo e o logo serem a mesma imagem

Mensagem por Shek 01.06.17 12:35

Bom dia.

É possível, mas, para que isso ocorra você precisa ter um fundo que se encaixa exatamente com o fundo do logo do fórum. Você teria a imagem de fundo do logo para se encaixar ao logo?

Até.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer o fundo e o logo serem a mesma imagem

Mensagem por Blackfyre 04.06.17 0:20

olá, essa é a imagem que eu pretendo usar no fundo do meu fórum: http://wallup.net/wp-content/uploads/2016/06/23/395369-trees-red-fantasy_art-landscape.png
Blackfyre

Blackfyre
Novo Membro

Membro desde : 31/05/2017
Mensagens : 24
Pontos : 38

http://www.ojogodostronosrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer o fundo e o logo serem a mesma imagem

Mensagem por Kyo Panda 05.06.17 12:46

O logo do seu fórum é uma imagem completa. Fica difícil mescla-lo com o fundo. Se fosse apenas o titulo (Game of Thrones) com o fundo transparente, ficaria mais fácil.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer o fundo e o logo serem a mesma imagem

Mensagem por Blackfyre 05.06.17 18:01

Sim, é como eu pretendo deixar: apenas a escrita, com o fundo transparente. Porém o fundo atrás da imagem do logo é preto, e eu gostaria que ele também fosse transparente para mesclar com a imagem de fundo do fórum, entende?
Blackfyre

Blackfyre
Novo Membro

Membro desde : 31/05/2017
Mensagens : 24
Pontos : 38

http://www.ojogodostronosrpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer o fundo e o logo serem a mesma imagem

Mensagem por Luiz 08.06.17 20:45

Eu tentei fazer um jeito que ficasse bom, veja como acha que fica.

Aceda à:
Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS.

Cole o código ao final da caixa de texto:
Código:
body {
  background-image: url(http://wallup.net/wp-content/uploads/2016/06/23/395369-trees-red-fantasy_art-landscape.png)!important;
}

body #wrap {
  background-color: transparent;
  box-shadow: none;
  padding-top: 330px;
}

body:before {
  content: '';
  background-image: url(http://i.imgur.com/kLBR55c.png);
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 80vw;
  height: 19vh;
  background-size: cover;
  padding-bottom: 29px;
}

#logo img {
  display: none;
}

#logo-desc p {
  color: #000;
}

#fa_ticker_block .module {
  background-color: #3b0f0f;
  padding: 11px;
  padding-bottom: 20px;
}

o/
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer o fundo e o logo serem a mesma imagem

Mensagem por Luiz 13.06.17 17:14

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

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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