Borda no forum

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

Resolvido Borda no forum

Mensagem por Alex Habilidade em 07/12/12, 06:28 pm

Qual é minha questão:
Olá,

queria aplicar uma borda estilo desse fórum:

http://spdesign.ativoforum.com/

A borda que digo é a que tá por volta de fórum vejam a imagem:
http://i49.servimg.com/u/f49/14/99/55/84/marcaa10.jpg

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx

Versão do fórum:
PUNBB


Última edição por Camaro em 10/12/12, 06:52 pm, editado 1 vez(es)
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: Borda no forum

Mensagem por BrunoH. em 07/12/12, 06:39 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
.pun {background: url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png) 50% 0px repeat-x padding-box padding-box white;border: 6px solid transparent;border-image: initial;border-radius: 0px 0px 7px 7px;box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 8px;}
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Borda no forum

Mensagem por Alex Habilidade em 07/12/12, 06:42 pm

Olá,

Não resultou.
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: Borda no forum

Mensagem por Showman em 07/12/12, 07:07 pm

Olá,eu testei o code em meu fórum e ele funcionou perfeitamente,a versão também é PUNBB.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

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

Resolvido Re: Borda no forum

Mensagem por Alex Habilidade em 07/12/12, 07:11 pm

Infeslimente na minha não funcionou.
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: Borda no forum

Mensagem por Alex Habilidade em 08/12/12, 10:55 am

up
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: Borda no forum

Mensagem por Sennior em 09/12/12, 01:38 pm

Olá!

Adicione este código à teu CSS:

Código:
.pun {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: http://i49.servimg.com/u/f49/14/99/55/84/backgr12.jpg;
border: 10px solid rgba(187, 187, 187, .7) !important;
border-radius: 5px;
margin: auto;
padding: 5px;
width: 980px;
border-radius: 9px !important;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Borda no forum

Mensagem por Alex Habilidade em 10/12/12, 11:41 am

Olá Mikéé,

Não resultou, porém veja o detalhe que apareceu:
http://i49.servimg.com/u/f49/14/99/55/84/imagem16.jpg

A parte cinza de meu fórum ficou redonda nos cantos.
Creio que isso que está impedindo de o efeito aparecer, poderia me ajudar?
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: Borda no forum

Mensagem por Alex Habilidade em 11/12/12, 12:19 pm

up.
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: Borda no forum

Mensagem por Luciano98 em 12/12/12, 12:52 am

Olá!

Utilize esse código CSS:
Código:
body{background-color:#DFDFDF;background-image:url()}.pun{background:url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png) 50% 0 repeat-x #fff;border:6px solid transparent!important;border-radius:7px!important;box-shadow:rgba(0,0,0,0.14902) 0 0 8px;margin-top:5px}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Borda no forum

Mensagem por Alex Habilidade em 13/12/12, 12:18 am

Olá Luciano98;

Deu uma modificada mas não ficou como eu quero, veja como está:
http://maniaonline.foroactivo.com.mx/
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: Borda no forum

Mensagem por Luciano98 em 13/12/12, 12:20 am

Olá!

Coloque o código no final da folha de estilo CSS.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Borda no forum

Mensagem por Alex Habilidade em 13/12/12, 12:30 am

Olá,

Apliquei o CSS no final, está quase veja lá.
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: Borda no forum

Mensagem por Luciano98 em 13/12/12, 09:16 am

Olá!

Utilize esse código CSS no final da Folha de estilo CSS:
Código:
body{background-color:#DFDFDF;background-image:url()}.pun{background:url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png) 50% 0 repeat-x #fff;border:6px solid rgba(0,0,0,0.14902)!important;border-radius:7px!important;box-shadow:rgba(0,0,0,0.14902) 0 0 8px;margin-top:5px}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Borda no forum

Mensagem por Alex Habilidade em 13/12/12, 12:46 pm

@Luciano98 escreveu:Olá!

Utilize esse código CSS no final da Folha de estilo CSS:
Código:
body{background-color:#DFDFDF;background-image:url()}.pun{background:url(http://i42.servimg.com/u/f42/17/32/13/00/after-10.png) 50% 0 repeat-x #fff;border:6px solid rgba(0,0,0,0.14902)!important;border-radius:7px!important;box-shadow:rgba(0,0,0,0.14902) 0 0 8px;margin-top:5px}

Até mais.


Resultou obrigado.
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/

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