Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 8:43 por Shek

» Widget staff online
Hoje à(s) 5:42 por Daemon

» Avatar Roger
Hoje à(s) 2:01 por APOllO

» Anúncio tapando parte do fórum
Ontem à(s) 21:34 por Harleen

» Queria meu forum assim
Ontem à(s) 21:24 por Harleen

» Musica no Forum
Ontem à(s) 21:11 por Harleen

» Como Importar/Exportar Postagens para outro fórum
Ontem à(s) 21:05 por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
>.< T-T =3
 
Appoloz
 

Quem está conectado
246 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 243 Visitantes :: 1 Motor de busca

Enzo_Laco, Luiz, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez - 11:05

Adicionar voltas no menu

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

Resolvido Adicionar voltas no menu

Mensagem por iScroll em Qua 10 Maio - 21:50

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: http://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: http://i.imgur.com/sAQiu8o.png

Seria possível?


Última edição por iScroll em Qui 11 Maio - 13:44, editado 1 vez(es)
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em Qui 11 Maio - 11:57

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

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em Qui 11 Maio - 12:52

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

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em Qui 11 Maio - 13:08

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em Qui 11 Maio - 13:14

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

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em Qui 11 Maio - 13:23

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em Qui 11 Maio - 13:40

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

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em Qui 11 Maio - 14:42

Em choque  Hm... Hm...

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

https://github.com/lffg/

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