Borda igual este fórum

5 participantes

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

Tópico resolvido Borda igual este fórum

Mensagem por LinkinP. 19.06.14 22:38

  • Descrição:
Boa Noite Br's e Pt's,

Bom aqui estou eu mais uma vez rs,d esta vez eu gostaria de saber como eu coloco esta borda; 

http://uploaddeimagens.com.br/images/000/289/481/full/help.jpg?1403213099

Destquei duas partes na print o começo e o final da borda tem como eu coloca-la em meu fórum mais com a cor que eu desejo?
Fórum em que vi; http://narutorpgstorm.ultimaterpg.net/forum[


Obrigado pelo suprote Muito feliz

  • Informações:
Fórum:http://jogosdanet.portugueseforum.net/Versão:PUNBB
Tipo:Pedido de códigoTags:Borda,igual,fórum

avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por DeeW. 19.06.14 22:43

Código:
#page-body{
border: 10px solid red;
}

Modifique red pela cor desejada, lembrando que as cores são escritas em inglês.
DeeW.

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por LinkinP. 19.06.14 22:50

Vou testar e já edito se funcionou, e obrigado pela atenção e pela ajuda Mostrando a lingua
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por Superbomber 19.06.14 22:57

Olá, ele se esqueceu de uns detalhes. Tente isto:

Código:

#page-body {
  border: 10px solid rgba(82,82,82,0.7);
  border-radius: 5px;
}

Dentro de rgba() os valores 82 você muda de acordo com a cor que deseja. Até.
avatar

Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por LinkinP. 19.06.14 23:23

Olá o código -nakano apenas fez o efeito em cima mais deixou quadrado, já o código do superbomber apenas fez efeito certo arredondado em cima também em ambas não contornaram o fórum.
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por Superbomber 19.06.14 23:45

Olá poderia fazer um print do local exato onde você deseja a borda?
avatar

Superbomber
****

Membro desde : 28/04/2014
Mensagens : 238
Pontos : 328

http://hackerjustice.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por LinkinP. 20.06.14 1:44

Quero como mostrei no fórum amigo, http://narutorpgstorm.ultimaterpg.net/forum

Veja ali o efeito ele contorna todo o fórum Piscada
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por DeeW. 20.06.14 2:31

Adicione ao CSS:

Código:

#page-body {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 10px solid rgba(82,82,82,.7);
border-radius: 5px;
margin: auto;
padding: 5px;
width: 980px;
}

O código foi retirado do próprio fórum solicitado.
DeeW.

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por LinkinP. 20.06.14 2:48

Sem resultados não contorna o fórum.
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por DeeW. 20.06.14 3:09

Resolve?

Código:

.pun {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 10px solid rgba(82,82,82,.7);
border-radius: 5px;
margin: auto;
padding: 5px;
width: 980px;
}
DeeW.

DeeW.
****

Membro desde : 27/05/2014
Mensagens : 271
Pontos : 389

http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por LinkinP. 20.06.14 3:48

Olá caro, estamos quase la apenas estou com um problema, veja o print de como esta em meu fórum:
http://uploaddeimagens.com.br/images/000/289/731/full/espa%C3%A7o.jpg
Em vermelho marquei o problema, agora veja como eu quero:
http://uploaddeimagens.com.br/images/000/289/740/full/assim.jpg?1403232486
destaquei em vermelho como quero, viu o espaço em branco que falta?
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Borda igual este fórum

Mensagem por Sennior 20.06.14 11:53

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
div#main {width: 69pc;position: relative;left: 25px;}

Melhores cumprimentos,
Sennior. De bem com a vida
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 igual este fórum

Mensagem por LinkinP. 20.06.14 14:08

Olá não surgiu efeito apenas bugou, os widgets agora ficam em cima das categorias topics etc.
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Borda igual este fórum

Mensagem por Sennior 20.06.14 14:11

Saudações,

Pode me mostrar uma Print Screen do erro? Porque para mim esta normal, veja:
Seta http://prntscr.com/3upkxc

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 igual este fórum

Mensagem por LinkinP. 20.06.14 14:24

-> http://jogosdanet.portugueseforum.net/ Print-> http://uploaddeimagens.com.br/images/000/290/011/full/image.jpg

Bom eu usando outros CSS para por efeito nas categorias, os widgets ficam em cima deixando um enorme espaço em branco.
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por Alex Habilidade 21.06.14 23:34

Olá,

Procure em sua folha CSS o código abaixo:
Código:

div#main {width: 69pc;position: relative;left: 25px;}

Troque por este por favor:
Código:

#content-container div#left {
margin-right: 20px;
}
div#main {
left: 25px;
width: 900px;
}
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 igual este fórum

Mensagem por LinkinP. 21.06.14 23:50

Olá funcionou mais.... veja a print http://uploaddeimagens.com.br/images/000/291/299/full/aqui.jpg?1403390758

Em queria que aquele ícone de mensagem fica-se assim http://uploaddeimagens.com.br/images/000/291/305/full/aqui.jpg?1403390977 só que não queria que tampa-se o "seu primeiro fórum" mais gostaria que fica-se igual a no print.
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por Alex Habilidade 21.06.14 23:55

Olá,

Você poderia colocar novamente o ícone e também deixar o código passado por mim adicionado em sua folha CSS?

Observação: Pelo que analisei no seu print ambos os dois são idênticos.  Louco 
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 igual este fórum

Mensagem por LinkinP. 22.06.14 0:38

Eu usei inspecionar elemento pra deixar assim ... mais não sei como fixar Feliz

pronto adicionei a imagem e o código.
avatar

LinkinP.
****

Membro desde : 16/06/2013
Mensagens : 302
Pontos : 508

http://saorpg.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda igual este fórum

Mensagem por Alex Habilidade 22.06.14 1:02

Olá,

Adicione esse código CSS:
Código:

.status img {
margin-left: -15px;
width: 50px;
}
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