Bordas nos quadros
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Bordas nos quadros
Qual é minha questão:
Olá,
Endereço do meu fórum:
http://landofhaeron.forumbrasil.net
Versão do fórum:
PHPBB2
Olá,
No meu fórum eu gostaria de colocar bordas em todos os quadros (box, nao sei como chamá-los). As bordas seria imagens, as quais haveriam as partes superior e inferior, as laterais e os cantos (corners). Pois desse modo, não importa o tamanho do quadro, ele sempre se adaptará.
Eu gostaria que no quadro maior do site houvesse uma borda diferente (eu tenho as imagens). E nos outros quadros uma outra borda, mas seria igual para o 'resto'. (também tenho as imagens).
As imagens abaixo representam melhor o que quero dizer. No caso, em verde seria o quadro maior. E em vermelho seriam, por exemplo, os outros quadros.
Eu gostaria que no quadro maior do site houvesse uma borda diferente (eu tenho as imagens). E nos outros quadros uma outra borda, mas seria igual para o 'resto'. (também tenho as imagens).
As imagens abaixo representam melhor o que quero dizer. No caso, em verde seria o quadro maior. E em vermelho seriam, por exemplo, os outros quadros.
Endereço do meu fórum:
http://landofhaeron.forumbrasil.net
Versão do fórum:
PHPBB2
Re: Bordas nos quadros
Ainda não estão totalmente pronta. Gostaria mesmo do código pois depois eu editaria as imagens...mas seriam tipo essas:
Laterais:
https://2img.net/h/oi45.tinypic.com/2wfjpdh.jpg
https://2img.net/h/oi50.tinypic.com/v7z509.jpg
Corners:
https://2img.net/h/oi50.tinypic.com/2d01i51.png
Partes inferior e superior:
https://2img.net/h/oi49.tinypic.com/2crldfb.jpg
https://2img.net/h/oi45.tinypic.com/wiag0h.jpg
Laterais:
https://2img.net/h/oi45.tinypic.com/2wfjpdh.jpg
https://2img.net/h/oi50.tinypic.com/v7z509.jpg
Corners:
https://2img.net/h/oi50.tinypic.com/2d01i51.png
Partes inferior e superior:
https://2img.net/h/oi49.tinypic.com/2crldfb.jpg
https://2img.net/h/oi45.tinypic.com/wiag0h.jpg
Re: Bordas nos quadros
Olá Kvothe!
Aceda em: Folha de Estilo CSS
Visualização Imagens e Cores Cores Folha de Estilo CSS
Borda Principal da página:
Esses são os códigos destacados nas imagens, caso falte algum, avise-me.
Abraços.
Aceda em: Folha de Estilo CSS
Visualização Imagens e Cores Cores Folha de Estilo CSS
Borda Principal da página:
- Código:
#min-width{border: 9px groove grey;
box-shadow: 0px 0px 8px inset;}
- Código:
.forumline {border: 3px solid red;}
Esses são os códigos destacados nas imagens, caso falte algum, avise-me.
Abraços.
Re: Bordas nos quadros
Sim mas essas sao bordas normais, certo?
Eu gostaria, como disse acima, com imagens, as quais haveriam partes superior e inferior, laterais e 'cantos'...
Obrigado,
Até
Eu gostaria, como disse acima, com imagens, as quais haveriam partes superior e inferior, laterais e 'cantos'...
Obrigado,
Até
Re: Bordas nos quadros
HenRyqUéè escreveu:Olá Kvothe!
- Código:
.forumline {border: 3px solid red;}
Acho que esse código, se editado, podera nos servir. Eu achei umas propriedades que talvez sejam o que quero:
http://www.blooberry.com/indexdot/css/properties/border/bstyle.htm
Nao entendo nada de CSS, mas talvez possa ajudar
Re: Bordas nos quadros
UP
PS.: É tipo nesse forum, as bordas laranjas sao um exemplo do que digo, sao imagens, com as partes superior e inferior, laterais e cantos... De modo que todos os quadros, independente do tamanho sao ajustados a borda, perfeitamente....
http://www.narutorpgfuture.com/forum
PS.: É tipo nesse forum, as bordas laranjas sao um exemplo do que digo, sao imagens, com as partes superior e inferior, laterais e cantos... De modo que todos os quadros, independente do tamanho sao ajustados a borda, perfeitamente....
http://www.narutorpgfuture.com/forum
Re: Bordas nos quadros
Olá!
Desculpe-me pela demora, para bordas com imagem eu posso fazer com CSS3, mas para isso a borda nao pode ser separada por partes, tem que ser completa. Pessa para algum artmeiro juntar as partes das bordas e torna-las em um só. Após isso passe o link aqui.
Abraços,
Desculpe-me pela demora, para bordas com imagem eu posso fazer com CSS3, mas para isso a borda nao pode ser separada por partes, tem que ser completa. Pessa para algum artmeiro juntar as partes das bordas e torna-las em um só. Após isso passe o link aqui.
Abraços,
Re: Bordas nos quadros
Olá,
Mas desas maneira ela se esticaria dependendo do tamanho de cada quadro do fórum, não?
Abraços,
Mas desas maneira ela se esticaria dependendo do tamanho de cada quadro do fórum, não?
Abraços,
Re: Bordas nos quadros
Olá!
Andei dando uns testes aqui usando CSS3 para aplicar essas bordas com imagens, e não deu resultado, creio que a plataforma forumeiros não suporta CSS3. Mas tem outro método de aplicar essas bordas que para isso exige uma única imagem contendo todas as partes da borda. E sim, ela se esticará até oculpar o espaço do quadro.
Abraços.
Andei dando uns testes aqui usando CSS3 para aplicar essas bordas com imagens, e não deu resultado, creio que a plataforma forumeiros não suporta CSS3. Mas tem outro método de aplicar essas bordas que para isso exige uma única imagem contendo todas as partes da borda. E sim, ela se esticará até oculpar o espaço do quadro.
Abraços.
Re: Bordas nos quadros
Bem, nao há como separado mesmo, certeza? No fórum que lhe mostrei, da forumeiros -com dominio- havia como...
Re: Bordas nos quadros
Sim, eu era moderador desse forum e em cada widget que nós colocavamos, teria que ir editando parte por parte o widget (que é uma maneira bem mais demorada e imcompatível com as áreas mostradas nas imgs) .
Re: Bordas nos quadros
Sendo assim, tem como colocar apenas no quadro principal? O Código que voce me passou acima do quadro principal foi o do background, nao o que mostrei...
Tenta essa por enquanto, depois eu mudo... So pra testarmos
Tenta essa por enquanto, depois eu mudo... So pra testarmos
Re: Bordas nos quadros
Olá amigo, pelo que vi na imagem, ela tem uns espaços sobrando dos lados, não pode existir esses espaços se não fica bagunçado.... Tire esses espaços do lado e mande-me novamente o img...
Re: Bordas nos quadros
Olá!
Utilize esse CSS:
Utilize esse CSS:
- Código:
body {
background: url("http://i46.tinypic.com/ed1l3.png") no-repeat scroll 0% 0% / 100% 100% transparent;
background-position: top center;
}
Re: Bordas nos quadros
Nao resultou muito bem, mas e so eu ajustar... E no caso desse forum? Essas bordas laterais como fizeram ?
http://www.pokeshiny.com/
http://www.pokeshiny.com/
Re: Bordas nos quadros
Olá!
Nesse forúm eles usaram um fundo para o body junto com a borda.
Observe a imagem: https://i.imgur.com/v1h1B.jpg
Abraços.
Nesse forúm eles usaram um fundo para o body junto com a borda.
Observe a imagem: https://i.imgur.com/v1h1B.jpg
Abraços.
Re: Bordas nos quadros
Entendi, acho que farei assim então, fica mais fácil... Poderia me dizer como eu junto o topo do meu quadro no maximo, e o fim tambem ? como nesse forum...
Obrigado
Obrigado
Re: Bordas nos quadros
Ola Tente esse Code
- Código:
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
border: solid 2px #FF0000;
border-radius: 2px;
}
Re: Bordas nos quadros
É quase isso, mas seria como imagem, tipo esse tutorial:
http://www.criarweb.com/artigos/bordas-com-imagens-css3.html
http://www.criarweb.com/artigos/bordas-com-imagens-css3.html
Re: Bordas nos quadros
Como ele fez para o bg ficar desse jeito Henry? Eu estou tentando mas nao consigo..
Tópicos semelhantes
» Separar mensagens por quadros
» Estatísticas personalizadas em quadros
» Botar imagem em quadros das células
» Remover quadros no fundo
» Separar quadros de postagem
» Estatísticas personalizadas em quadros
» Botar imagem em quadros das células
» Remover quadros no fundo
» Separar quadros de postagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos