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

Esqueci minha senha

Últimos assuntos
» Emblemas não está sendo modificado
Hoje à(s) 12:14 am por iScroll

» Forum atualiza mais não modifica
Ontem à(s) 11:59 pm por paulim78

» Adicionar Imagem
Ontem à(s) 11:57 pm por paulim78

» Efeito Canvas
Ontem à(s) 11:04 pm por Daniel Yan

» posição like.
Ontem à(s) 10:58 pm por paulim78

» Código JavaScript do Chatbox não surtiu efeito
Ontem à(s) 10:50 pm por Lemon~

» Problema com Widget Tópicos Recentes
Ontem à(s) 10:04 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
paulim78
 
Gaaratsu
 
while
 
Shek
 
Fou-Lu
 
Eduardo Lima
 
Lemon~
 
odelgado
 
LucasPofahl
 

Quem está conectado
219 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 213 Visitantes :: 2 Motores de busca

CarlosDaniel, Gustavo Nunes, Holkis, iScroll, Lemon~, paulim78

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 10/05/17, 10:50 pm

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 11/05/17, 02:44 pm, editado 1 vez(es)
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em 11/05/17, 12:57 pm

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

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em 11/05/17, 01:52 pm

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
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em 11/05/17, 02:08 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em 11/05/17, 02:14 pm

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
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em 11/05/17, 02:23 pm

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Adicionar voltas no menu

Mensagem por iScroll em 11/05/17, 02:40 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

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

Resolvido Re: Adicionar voltas no menu

Mensagem por Luiz em 11/05/17, 03:42 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário 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