Plano de fundo por cima das cores

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

Resolvido Plano de fundo por cima das cores

Mensagem por Slash! em 25/12/12, 09:27 pm

Qual é minha questão:
Seguinte, tem as cores e o plano de fundo atrás de todas as cores que praticamente nem aparece. Então eu queria saber se tem como poder pelo contrário, o plano de fundo em cima de todas as cores, digamos, dissolvido. Vão entender melhor pelas imagens:

Fórum normal:


Fórum como eu queria que ficasse:

(atenção, isso foi apenas um esboço de photoshop básico, só pra mostrar a ideia)

Queria saber se existe tal possibilidade, se existisse, eu ia ficar muito muito muito satisfeito. Agradecido desde já.

Endereço do meu fórum:
http://brasilhighvoltage.forumeiro.com

Versão do fórum:
PHPBB3
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Slash! em 25/12/12, 10:43 pm

OBS: Caso não consigam entender alguma coisa por parte da imagem, só pedir que reposto em tamanho maior.
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Plano de fundo por cima das cores

Mensagem por BrunoH. em 26/12/12, 02:00 pm

Olá!
O senhor deseja colocar uma imagem sobre o teu fórum? É isto? Uma imagem transparente? Poderia ser mais claro por gentileza?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Slash! em 26/12/12, 02:42 pm

Sim, eu quero por a imagem de fundo sobre todo meu fórum, com alguma transparência para que possam aparecer o conteúdo, imagem de cabeçalho, letras, etc.
Sintetizando, sobre cima de tudo, tudo mesmo. Digamos que a imagem de fundo seja a primeira de todas, então ela com transparência, aparece todo o resto.
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Plano de fundo por cima das cores

Mensagem por seender em 26/12/12, 03:11 pm

Olá!

Utilize este código:
Código:
#wrap{
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Slash! em 26/12/12, 04:15 pm

Tranquilo, só o problema, pesquisei em muitos tópicos e nada deu, é deixar a imagem estendida por toda a tela em qualquer tela, seja de 15, 17, 19.. Se puderem já postar um código pra deixar a imagem ocupando toda a tela em qualquer resolução, dai fechou. Valeu! (:
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Venancio Mattos em 26/12/12, 05:49 pm

Ola Amigo Poderia me manda a Imagem que Deseja Coloca Por Cima Obrigado
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Slash! em 26/12/12, 08:17 pm


1024x768p tá bom né?
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Holmes em 27/12/12, 12:21 am

Saudações,

Painel de controle ► Visualização ► Cores ► Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:
#wrap a,#wrap font,#wrap span,#wrap strong,#wrap input,#wrap button,#wrap label,#wrap .h3{position:relative!important;z-index:1!important;opacity:0.4!important}#wrap a#top[name="top"][accesskey="t"]:first-child{position:fixed!important;top:0px;left:0px;width:100%;height:100%;background:transparent url(http://img6.imageshack.us/img6/7318/layoutpeb2.jpg) no-repeat top left;background-size:100% 100%;opacity:0.4}

Clique no botão "Salvar".

Assombrosamente.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Slash! em 27/12/12, 02:11 am

Certinho como pedi, mas como resultado inesperado ficou meio que translucido demais. Fizeram como eu pedi mesmo, mas por falha minha não expliquei direito.

Digamos, queria que ficasse transparente tudo o que fosse branco, incluindo a parte da imagem de cabeçalho(no caso, ficasse dissolvido essa parte), o resto que ficasse normal. Se olharem mais atentamente na imagem 2 que postei, que ficasse como ficou lá. Tem como?
Até então, obrigado por tudo, estão sendo de grande ajuda, mas se não for pedir muito, ainda espero essa resposta(e desejadamente com os códigos).
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.com

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Holmes em 27/12/12, 12:00 pm

Saudações,

Eu não entendi muito bem

Use esse código:
#wrap a,#wrap font,#wrap span,#wrap strong,#wrap input,#wrap button,#wrap label,#wrap .h3{position:relative!important;z-index:1!important}#wrap a#top[name="top"][accesskey="t"]:first-child{position:fixed!important;top:0px;left:0px;width:100%;height:100%;background:transparent url(http://img6.imageshack.us/img6/7318/layoutpeb2.jpg) no-repeat top left;background-size:100% 100%;opacity:0.5}#logo-desc #logo img{opacity:0.5}
O valores em negrito devem ser aumentados para tornar as coisas mais visíveis e diminuindo para tornar as coisas mais transparentes.

Clique no botão "Salvar".

Assombrosamente.
avatar

Holmes
Usuário avançado

Inscrito dia : 11/11/2012
Mensagens : 303
Pontos Ativos : 413

Ver perfil do usuário

Resolvido Re: Plano de fundo por cima das cores

Mensagem por Slash! em 27/12/12, 05:22 pm

Tá ok, era isso mesmo amigo. Valeu ai querido! Muito feliz
Obrigado pela atenção. <:
avatar

Slash!
Nível 4

Masculino
Inscrito dia : 25/12/2012
Mensagens : 29
Pontos Ativos : 47

Ver perfil do usuário http://brasilhighvoltage.forumeiro.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