Bordas nos quadros

4 participantes

Ir para baixo

Tópico resolvido Bordas nos quadros

Mensagem por Kvothe 14.01.13 15:50

Qual é minha questão:
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.
Bordas nos quadros Spwx1x
Bordas nos quadros Wunwix


Endereço do meu fórum:
http://landofhaeron.forumbrasil.net

Versão do fórum:
PHPBB2
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Roevs 14.01.13 15:59

Olá,

Poderia informar os links das imagens que deseja

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 14.01.13 16:07

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
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 14.01.13 16:08

Olá Kvothe!

Aceda em: Folha de Estilo CSS

Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Flecha ajudeiros Borda Principal da página:
Código:
#min-width{border: 9px groove grey;
box-shadow: 0px 0px 8px inset;}
Flecha ajudeiros Borda das Categorias e Perfil:
Código:
.forumline {border: 3px solid red;}
Valide!

Esses são os códigos destacados nas imagens, caso falte algum, avise-me.

Abraços.
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 14.01.13 16:16

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, Muito feliz
Até
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 14.01.13 18:35

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 Muito feliz
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 15.01.13 14:04

UP Muito feliz

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
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 15.01.13 21:04

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, Amigos
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 15.01.13 22:12

Olá,

Mas desas maneira ela se esticaria dependendo do tamanho de cada quadro do fórum, não?

Abraços,
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 15.01.13 22:21

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.
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 15.01.13 23:08

Bem, nao há como separado mesmo, certeza? No fórum que lhe mostrei, da forumeiros -com dominio- havia como...
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 15.01.13 23:19

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) .
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 15.01.13 23:28

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...

Bordas nos quadros 2lscxnr

Tenta essa por enquanto, depois eu mudo... So pra testarmos
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 15.01.13 23:42

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...
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 15.01.13 23:58

Esse e o maximo que da pra tirar, e e so pra fazer testes mesmo...

Bordas nos quadros Ed1l3
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 16.01.13 12:31

Olá!

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;
}
Abraços.
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 16.01.13 18:37

Nao resultou muito bem, mas e so eu ajustar... E no caso desse forum? Essas bordas laterais como fizeram ?

http://www.pokeshiny.com/
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè 16.01.13 18:58

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.
HenRyqUéè
HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 16.01.13 19:37

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
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Venancio Mattos 16.01.13 19:51

Ola Tente esse Code

Código:
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
border: solid 2px #FF0000;
border-radius: 2px;
}
Venancio Mattos
Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 16.01.13 20:20

É quase isso, mas seria como imagem, tipo esse tutorial:

http://www.criarweb.com/artigos/bordas-com-imagens-css3.html
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 17.01.13 15:03

UP
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 18.01.13 0:17

Como ele fez para o bg ficar desse jeito Henry? Eu estou tentando mas nao consigo..
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 20.01.13 2:45

up
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Bordas nos quadros

Mensagem por Kvothe 21.01.13 19:55

Podem fechar......
Kvothe
Kvothe
Membro

Membro desde : 23/12/2012
Mensagens : 945
Pontos : 1372

http://landofhaeron.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