Borda igual este fórum

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

Resolvido Borda igual este fórum

Mensagem por LinkinP. em 19/06/14, 06:38 pm

  • 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


LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por DeeW. em 19/06/14, 06:43 pm

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

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

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Borda igual este fórum

Mensagem por LinkinP. em 19/06/14, 06:50 pm

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

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Superbomber em 19/06/14, 06:57 pm

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

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: Borda igual este fórum

Mensagem por LinkinP. em 19/06/14, 07:23 pm

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.

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Superbomber em 19/06/14, 07:45 pm

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

Superbomber
Nível 9

Masculino
Inscrito dia : 28/04/2014
Mensagens : 238
Pontos Ativos : 328

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

Resolvido Re: Borda igual este fórum

Mensagem por LinkinP. em 19/06/14, 09:44 pm

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

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

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por DeeW. em 19/06/14, 10:31 pm

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

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Borda igual este fórum

Mensagem por LinkinP. em 19/06/14, 10:48 pm

Sem resultados não contorna o fórum.

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por DeeW. em 19/06/14, 11:09 pm

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;
}
avatar

DeeW.
Nível 10

Masculino
Inscrito dia : 27/05/2014
Mensagens : 271
Pontos Ativos : 389

Ver perfil do usuário http://webpixel.forum-pro.net https://www.facebook.com/headbanger.d

Resolvido Re: Borda igual este fórum

Mensagem por LinkinP. em 19/06/14, 11:48 pm

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?

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Sennior em 20/06/14, 07:53 am

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

Mensagem por LinkinP. em 20/06/14, 10:08 am

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

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Sennior em 20/06/14, 10:11 am

Saudações,

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

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

Mensagem por LinkinP. em 20/06/14, 10:24 am

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

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Alex Habilidade em 21/06/14, 07:34 pm

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

Mensagem por LinkinP. em 21/06/14, 07:50 pm

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.

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Alex Habilidade em 21/06/14, 07:55 pm

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

Mensagem por LinkinP. em 21/06/14, 08:38 pm

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

pronto adicionei a imagem e o código.

LinkinP.
Usuário avançado

Masculino
Inscrito dia : 16/06/2013
Mensagens : 302
Pontos Ativos : 508

Ver perfil do usuário http://saorpg.forumeiro.com

Resolvido Re: Borda igual este fórum

Mensagem por Alex Habilidade em 21/06/14, 09:02 pm

Olá,

Adicione esse código CSS:
Código:

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