Bordas laterais

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

Resolvido Bordas laterais

Mensagem por ~Soul em 31/10/13, 12:29 pm

Qual é minha questão:
Tenho reparado que alguns dos melhores fóruns possui uma borda no canto direito e esquerdo, eu acho isso interessante e gostaria de fazer algo parecido no meu fórum também, mas não tenho a menor idéia de como funciona, é algum CSS? É possível em fóruns PHPBB3? Enfim, aqui a ilustração do que eu estou querendo: http://i.imgur.com/ySkK8od.png








Existe algum CSS ou opção no fórum para fazer algo parecido?

Endereço do meu fórum:
http://bioshift.forumeiros.com:80

Versão do fórum:
PHPBB3
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Bordas laterais

Mensagem por Alex Habilidade em 31/10/13, 02:13 pm

Olá,

Poderia postar o link do fórum onde viu?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Bordas laterais

Mensagem por ~Soul em 31/10/13, 02:22 pm

avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Bordas laterais

Mensagem por Alex Habilidade em 31/10/13, 02:30 pm

Olá

Aqui está:
Código:

body {
background-attachment: scroll;
background-color: #fff;
background-image: url(http://i.imgur.com/v1h1B.jpg);
color: #000;
font-family: Segoe UI,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0;
}
Basta alterar a IMAGEM e os valores conforme for em se fórum.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Bordas laterais

Mensagem por ~Soul em 31/10/13, 02:40 pm

Acabei de colocar isso em minha folha CSS e não deu certo, só que não editei os valores, porque achei que no mínimo fosse aparecer a imagem agora
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Bordas laterais

Mensagem por First em 31/10/13, 05:32 pm

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores :seta2: Folha de estilo CSS
Código:
body {
background-image: url(http://i.imgur.com/v1h1B.jpg)!important;
background-position: 50% 100px;
background-attachment: scroll;
background-color: #fff;
font-family: Segoe UI,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0;
}
Os valores 50% e 100px você pode alterar até ficar em seu gosto.
Valide.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Bordas laterais

Mensagem por ~Soul em 31/10/13, 05:58 pm

Ainda não deu certo, como podem ver em meu fórum (link lá em cima na primeira mensagem), eu não editei nada quando coloquei o CSS, para ver se funcionava daquele jeito mesmo como teste.
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Bordas laterais

Mensagem por First em 01/11/13, 11:45 am

Olá,

Senhor, poderia me fornecer a sua folha de estilo CSS?


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Bordas laterais

Mensagem por ~Soul em 01/11/13, 11:53 am



Código:
1.body {
2.background-image: url(http://i.imgur.com/v1h1B.jpg)!important;
3.background-position: 50% 100px;
4.background-attachment: scroll;
5.background-color: #fff;
6.font-family: Segoe UI,Helvetica,sans-serif;
7.font-size: 10px;
8.height: auto;
9.padding: 10px 0;
10.}
Está colado exatamente o que me mostrou.
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Bordas laterais

Mensagem por First em 01/11/13, 12:08 pm

Olá,

Senhor, visitei este fórum http://bioshift.forumeiros.com/ e não encontro este CSS em seu fórum. Poderia me falar se este fórum é o verdadeiro se não me fornece o link do seu fórum verdadeiro se sim deixe o código ativo em sua folha de estilo CSS.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Bordas laterais

Mensagem por ~Soul em 01/11/13, 12:22 pm

O código está ativo e esse é meu fórum verdadeiro, eu apenas copiei e colei o código em meu CSS e depois validei, mas continua da mesma forma que antes, sem a borda lateral.
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Bordas laterais

Mensagem por Alex Habilidade em 01/11/13, 12:25 pm

Olá Soul,

Substitua o código passado por esse:

Código:

#wrap {
background-image: url(http://i.imgur.com/v1h1B.jpg)!important;
background-position: 50% 100px;
background-attachment: scroll;
background-color: #fff;
font-family: Segoe UI,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0;
}
Basta alterar os valores em background-position: 50% 100px conforme deseja.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Bordas laterais

Mensagem por ~Soul em 01/11/13, 12:31 pm

http://bioshift.forumeiros.com/ Como pode ver em meu fórum, não mudou nada, será que meu CSS está desativado ou algo do tipo? Aqui no painel de controle está marcado assim: 

Desativar CSS de base: ( ) Sim (x) Não 
Melhorar seu CSS: (x) Sim ( ) Não
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas
  • 0

Resolvido Re: Bordas laterais

Mensagem por First em 01/11/13, 04:51 pm

Olá,

Senhor, remova todos os códigos passado acima e adicione este código em sua folha de estilo CSS:
Código:
body {
background-image: url(http://i.imgur.com/v1h1B.jpg)!important;
background-position: 50% 100px!important;
background-attachment: scroll!important;
background-color: #fff!important;
font-family: Segoe UI,Helvetica,sans-serif!important;
font-size: 10px!important;
height: auto!important;
padding: 10px 0!important;
}

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

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