Background

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

Resolvido Background

Mensagem por ' Akιo em 25/01/14, 06:45 pm

Qual é minha questão:
Olá!
Gostaria de saber o código para adicionar um background como esse em meu fórum:
http://tomodachiforum.forumeiros.com/forum


http://i.imgur.com/ZIjrpmU.png

Obrigado!

Tópico original: http://ajuda.forumeiros.com/t88307-background

Endereço do meu fórum:
http://www.madokamagica.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por ' Akιo em 26/01/14, 03:16 pm, editado 1 vez(es)
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Shek em 26/01/14, 09:14 am

Bom dia!

Você pode usar este código CSS:
Código:
body {
background: url(http://i40.tinypic.com/rtgi93.png) repeat-y transparent;
margin: -18px auto -8px;
width: 1024px;
}
Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 01:22 pm

Não funcionou, e bugou o fórum.
Lembre-se que quero um pouco maior e com fundo branco, como essa imagem: http://i.imgur.com/vQrWuhh.png
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Gaaratsu em 26/01/14, 01:27 pm

Saudações!

O senhor poderia nos informar o endereço do fórum que viu tal background? Assim poderemos fazer a mesma função em seu fórum, mudando apenas algumas configurações nos códigos.

Um grande abraço,
Dokyo. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 01:43 pm

Está nas primeiras mensagens dos tópicos:
Olá!
Gostaria de saber o código para adicionar um background como esse em meu fórum:
http://tomodachiforum.forumeiros.com/forum
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Gaaratsu em 26/01/14, 01:46 pm

Saudações meu caro!

Aceda à:
Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Lá o senhor deverá adicionar este código no início da tua CSS(de preferência):
Código:
body {
background-attachment: scroll, scroll;
background-color: #1c1212;
background-image: url(http://i.imgur.com/7ZZBQoO.jpg);
background-position: top right;
background-repeat: repeat;
font-family: gerogia;
font-style: italic;
line-height: 20px;
text-align: center;
text-shadow: 1px 1px 0 #000;
}
.bodylinewidth {
background: url(http://i40.tinypic.com/rtgi93.png) repeat-y transparent;
margin: -18px auto -8px;
width: 980px;
}

Feito isto, salve! Muito feliz 

Dokyo. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 01:55 pm

Não resultou.
Além disso, não quero os efeitos da fonte, apenas do Background!
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Gaaratsu em 26/01/14, 01:59 pm

@' Akιo escreveu:Não resultou.
Além disso, não quero os efeitos da fonte, apenas do Background!

Perdoe-me, esqueci de retirar esses efeitos do código! Substitua o código atual por este:
Código:
body {
background-attachment: scroll, scroll;
background-color: #1c1212;
background-image: url(http://i.imgur.com/7ZZBQoO.jpg);
background-position: top right;
background-repeat: repeat;
line-height: 20px;
}
#wrap {
background: url(http://i40.tinypic.com/rtgi93.png) repeat-y transparent;
margin: -18px auto -8px;
width: 980px;
}

Até mais! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 02:05 pm

Está com a imagem de fundo preta... Como eu disse, gostaria que fosse essa: http://i.imgur.com/vQrWuhh.png
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Gaaratsu em 26/01/14, 02:16 pm

Basta trocar as urls, neste caso fiz isto por você! Substitua o código atual por este aqui:
Código:
body {
background-attachment: scroll, scroll;
background-color: #1c1212;
background-image: url(http://i.imgur.com/vQrWuhh.png);
background-position: top right;
background-repeat: repeat;
line-height: 20px;
}
#wrap {
background: url(http://i.imgur.com/vQrWuhh.png) repeat-y transparent;
margin: -18px auto -8px;
width: 980px;
}

Meus comprimentos. Muito feliz


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 02:25 pm

O código que está sendo satisfatório é:
#wrap {
background: url(http://i.imgur.com/vQrWuhh.png) repeat-y transparent;
width: 1200px;
}

Porém, a imagem não fica 'encaixada'. a largura do fórum fica maior que a imagem. Como arrumar isso?
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Gaaratsu em 26/01/14, 03:02 pm

Saudações!

O senhor poderia me informar o endereço do fórum que você está fazendo tais testes? Preciso editar o código no próprio console da página do fórum que você está tentando, porque só assim teremos um resultado preciso e eficaz.

Até mais! Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 03:05 pm

No meu fórum...

estou aperfeiçoando o código:
#wrap {
background: url(http://i.imgur.com/vQrWuhh.png) repeat-y transparent;
 background-position: center;
 border: none;
width: 1205px;
}
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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

Resolvido Re: Background

Mensagem por Gaaratsu em 26/01/14, 03:13 pm

Bem, o seu código foi funcional. Parece estar encaixado perfeitamente com a largura do fórum! O que mais deseja?

No mais, tente este:
Código:
#wrap {
background: url(http://i.imgur.com/vQrWuhh.png) repeat-y transparent !important;
background-position: center !important;
border: none !important;
padding: 20px !important;
width: 1190px !important;
}

Até mais! Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Background

Mensagem por ' Akιo em 26/01/14, 03:15 pm

Bom, finalmente consegui o código que queria!
#wrap {
background: url(http://i.imgur.com/vQrWuhh.png) repeat-y transparent;
background-position: center !important;
border: none;
padding-left: 30px; padding-right: 30px;
width: 1180px;
}

Obrigado, e desculpe qualquer coisa Piscada
avatar

' Akιo
Nível 8

Masculino
Inscrito dia : 13/12/2013
Mensagens : 119
Pontos Ativos : 169

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