Borda no forum

5 participantes

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

Tópico resolvido Borda no forum

Mensagem por Alex Habilidade 07.12.12 20:28

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:
https://i.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 20:52, editado 1 vez(es)
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: Borda no forum

Mensagem por BrunoH. 07.12.12 20:39

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(https://i.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
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no forum

Mensagem por Alex Habilidade 07.12.12 20:42

Olá,

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

Mensagem por Showman 07.12.12 21:07

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

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no forum

Mensagem por Alex Habilidade 07.12.12 21:11

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

Mensagem por Alex Habilidade 08.12.12 12:55

up
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

Principal Contribuidor

Tópico resolvido Re: Borda no forum

Mensagem por Sennior 09.12.12 15:38

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no forum

Mensagem por Alex Habilidade 10.12.12 13:41

Olá Mikéé,

Não resultou, porém veja o detalhe que apareceu:
https://i.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?
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: Borda no forum

Mensagem por Alex Habilidade 11.12.12 14:19

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

Mensagem por Luciano98 12.12.12 2:52

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

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no forum

Mensagem por Alex Habilidade 13.12.12 2:18

Olá Luciano98;

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

Mensagem por Luciano98 13.12.12 2:20

Olá!

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

Até mais.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no forum

Mensagem por Alex Habilidade 13.12.12 2:30

Olá,

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

Mensagem por Luciano98 13.12.12 11:16

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

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no forum

Mensagem por Alex Habilidade 13.12.12 14:46

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

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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