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
» Resposta nos tópicos
Hoje à(s) 19:53 por Luiz~

» Portal
Hoje à(s) 19:16 por Cannabis._.

» Topo da Página
Hoje à(s) 19:14 por Cooper

» Banner got
Hoje à(s) 18:43 por Neji

» Widget equipe online
Hoje à(s) 18:22 por Roger_Crazzy

» Tradução dos mini-jogos
Hoje à(s) 18:21 por ZombieW

» Utilização de Templates nas Páginas
Hoje à(s) 16:39 por ZombieW

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
245 usuários online :: 8 usuários cadastrados, 2 Invisíveis e 235 Visitantes :: 1 Motor de busca

Claudio Arthur, Cooper, iPlayer, juleic1123, KINGDOM, Luiz~, William_iHarDz, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 Qui 11 Maio 2017 - 2: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 2017 - 18:44, editado 1 vez(es)
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 742
Pontos Ativos : 1036

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz~ em Qui 11 Maio 2017 - 16:57

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

o/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2459
Pontos Ativos : 3300

http://1forum1.forumeiros.com/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em Qui 11 Maio 2017 - 17: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 : 742
Pontos Ativos : 1036

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz~ em Qui 11 Maio 2017 - 18: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/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2459
Pontos Ativos : 3300

http://1forum1.forumeiros.com/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em Qui 11 Maio 2017 - 18: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 : 742
Pontos Ativos : 1036

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz~ em Qui 11 Maio 2017 - 18: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/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2459
Pontos Ativos : 3300

http://1forum1.forumeiros.com/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em Qui 11 Maio 2017 - 18:40

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

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 742
Pontos Ativos : 1036

http://testealrpg.forumeiros.com

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz~ em Qui 11 Maio 2017 - 19: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".


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2459
Pontos Ativos : 3300

http://1forum1.forumeiros.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