Bordas laterais

3 participantes

Ir para baixo

Tópico resolvido Bordas laterais

Mensagem por ~Soul 31.10.13 14:29

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: https://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
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por Alex Habilidade 31.10.13 16:13

Olá,

Poderia postar o link do fórum onde viu?
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por ~Soul 31.10.13 16:22

~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por Alex Habilidade 31.10.13 16:30

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.
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por ~Soul 31.10.13 16:40

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
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por First 31.10.13 19:32

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por ~Soul 31.10.13 19:58

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.
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por First 01.11.13 13:45

Olá,

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


Até mais,
Passar bem. Piscada 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por ~Soul 01.11.13 13:53

Bordas laterais IxfURhO

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.
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por First 01.11.13 14:08

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por ~Soul 01.11.13 14:22

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.
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por Alex Habilidade 01.11.13 14:25

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.
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por ~Soul 01.11.13 14:31

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
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas laterais

Mensagem por First 01.11.13 18:51

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 
First
First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos