Borda igual este fórum

[LinkinP.]

• 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

---

• Informações:

Fórum:	http://jogosdanet.portugueseforum.net/	Versão:	PUNBB
Tipo:	Pedido de código	Tags:	Borda,igual,fórum

---

[DeeW.]

Código:

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

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

[LinkinP.]

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

[Superbomber]

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

[LinkinP.]

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.

[Superbomber]

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

[LinkinP.]

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

Veja ali o efeito ele contorna todo o fórum

[DeeW.]

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.

[LinkinP.]

Sem resultados não contorna o fórum.

[DeeW.]

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


[LinkinP.]

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?

[Sennior]

Saudações!

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

Código:

Código:

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

Melhores cumprimentos,
Sennior.

[LinkinP.]

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

[Sennior]

Saudações,

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

Até mais.

[LinkinP.]

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

[Alex Habilidade]

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


[LinkinP.]

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.

[Alex Habilidade]

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.   

[LinkinP.]

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

pronto adicionei a imagem e o código.

[Alex Habilidade]

Olá,

Adicione esse código CSS:

Código:


.status img {
margin-left: -15px;
width: 50px;
}