Bordas nos quadros

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

Resolvido Bordas nos quadros

Mensagem por Kvothe em 14/01/13, 01:50 pm

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.




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

Versão do fórum:
PHPBB2
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por iPrompt em 14/01/13, 01:59 pm

Olá,

Poderia informar os links das imagens que deseja

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 14/01/13, 02:07 pm

Ainda não estão totalmente pronta. Gostaria mesmo do código pois depois eu editaria as imagens...mas seriam tipo essas:

Laterais:
http://i45.tinypic.com/2wfjpdh.jpg
http://i50.tinypic.com/v7z509.jpg

Corners:
http://i50.tinypic.com/2d01i51.png

Partes inferior e superior:
http://i49.tinypic.com/2crldfb.jpg
http://i45.tinypic.com/wiag0h.jpg
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 14/01/13, 02:08 pm

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

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 14/01/13, 02:16 pm

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é
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 14/01/13, 04:35 pm

@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
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 15/01/13, 12:04 pm

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
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 15/01/13, 07:04 pm

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
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 15/01/13, 08:12 pm

Olá,

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

Abraços,
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 15/01/13, 08:21 pm

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

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 15/01/13, 09:08 pm

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

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 15/01/13, 09:19 pm

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

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 15/01/13, 09:28 pm

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
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 15/01/13, 09:42 pm

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

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 15/01/13, 09:58 pm

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

avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 16/01/13, 10:31 am

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

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 16/01/13, 04:37 pm

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

http://www.pokeshiny.com/
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por HenRyqUéè em 16/01/13, 04:58 pm

Olá!

Nesse forúm eles usaram um fundo para o body junto com a borda.
Observe a imagem: http://i.imgur.com/v1h1B.jpg

Abraços.
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 16/01/13, 05:37 pm

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
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Venancio Mattos em 16/01/13, 05:51 pm

Ola Tente esse Code

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

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 16/01/13, 06:20 pm

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

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

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 17/01/13, 01:03 pm

UP
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 17/01/13, 10:17 pm

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

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 20/01/13, 12:45 am

up
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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

Resolvido Re: Bordas nos quadros

Mensagem por Kvothe em 21/01/13, 05:55 pm

Podem fechar......
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 22/12/2012
Mensagens : 945
Pontos Ativos : 1372

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