Adicionar voltas no menu

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição

Bom, antigamente eu tinha um ícone tipo esse no meu fórum: https://i.imgur.com/I3PjByq.png

E gostaria de saber como adicionar esse efeito de "volta" no meu menu, nessas partes que pintei de azul aqui: https://i.imgur.com/sAQiu8o.png

Seria possível?

Não entendi muito bem o que o senhor deseja.
Você deseja algo como isso?
-> http://prntscr.com/f6nwd2

o/

Olá luiz, à um tempo te mandei uma mensagem privada com o código do exemplo, mas infelizmente eu o perdi.
Mas vamos lá, vou explicar melhor, veja um exemplo:
http://prnt.sc/f6ok74

Esta é minha caixa de login, a mesma coisa seria pra fazer no menu, eu só iria adicionar com um efeito pra baixo (na print está para cima) e juntar o menu com o .pun, entendeu ?

Eu sempre apago minhas MP's alguns dias após lê-las. o7

Eu tentei fazer o efeito que o senhor pede... Mas:
-> http://prntscr.com/f6or2p

Acho que ele não combina muito com o design do seu menu. Creio que seria melhor você deixar o menu full-width. =)
Mas, fica à seu critério.

Deseja prosseguir com o resultado acima? 

o/

Deixei o menu abaixo do .pun como é pra ficar, tente agora: http://prnt.sc/f6otu8

Poderia tentar alargar o menu qualquer coisa.
Me manda o resultado, se não sair legal vejo o que faço.
Poderia me mandar o codigo também, eu editaria aqui qualquer coisa.

Cá está:

Código:

div#nav_wrap:before {
  content: "";
  border-top: 35px solid #2ea3f2;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  position: absolute;
  left: 1px;
  bottom: -34px;
  z-index: -1;
}

div#nav_wrap:after {
  content: "";
  border-top: 35px solid #2ea3f2;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  position: absolute;
  right: 1px;
  bottom: -34px;
  z-index: -1;
}

div#nav_wrap {
  margin: 0px auto!important;
  width: 97vw;
  max-width: 97vw;
  box-shadow: 0px -2px rgba(255, 255, 255, 0.19)!important;
}

O resultado não ficou muito bom, pois o seu menu não é ideal para este tipo de coisa.
Também, tive que retirar a sombra do menu, para não "atrapalhar" os triângulos.

o/

Perfeito, fiz algumas alterações no código, obrigado @Luiz~.

 

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".