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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
218 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 211 Visitantes :: 2 Motores de busca

HASSIN-ADMIN, Heikki, joaoesteves10, Kyo Panda, Matheus Herzog, Shek Crowley, Vini Olli

[ Ver toda a lista ]


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

Personalizar cabeçalho

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

Em curso Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 12:41

Detalhes da questão


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

Descrição


Bom, estava vendo nesse fórum esse menu: http://ipsfocus.net/4x/

http://i.imgur.com/iOcAmGl.png?2

Me interessei e queria por no meu fórum.
Já fiz alguma parte, o resto é CSS agora, veja:
http://testebpu.forumeiros.com/forum

Seria possível ajudar? Pode-se basear do fórum de testes mesmo para adiantar trabalho kk Feliz
Desde já agradeço
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz~ em Sex 5 Maio 2017 - 13:21

Precisarei que o senhor nos passe seu overall_header.
Somente de backup, estou salvando um código que já fiz.

Não faça nada com ele por agora.
Spoiler:
Código:
div#primary_nav {
  background: rgba(255,255,255,0.1) url(http://i.imgur.com/CcLIuMn.png) repeat 50% 50%;
  box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.3) 0px 1px 0px, #000 0px 1px 2px;
  border-radius: 3px;
  position: relative;
  max-height: 60px;
}

div#primary_nav ul li a {
  padding: 20px;
  display: inline-block;
  font-size: 14px;
}

div#primary_nav * {
  font-size: 0px;
}

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 : 22/04/2016
Mensagens : 2436
Pontos Ativos : 3278

http://1forum1.forumeiros.com/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 13:54

https://pastebin.com/hYLNi8Qp

Aí está
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz~ em Sex 5 Maio 2017 - 14:03

Troque por:
-> https://github.com/lffg/geral/blob/master/FdF%20Codes/iscroll_overall.html

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 : 22/04/2016
Mensagens : 2436
Pontos Ativos : 3278

http://1forum1.forumeiros.com/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 15:10

Certo, agora veja como ficou kkk
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz~ em Sex 5 Maio 2017 - 18:24

Estranho. Suspeito...

Troque por:
-> https://pastebin.com/FPABmCyP

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 : 22/04/2016
Mensagens : 2436
Pontos Ativos : 3278

http://1forum1.forumeiros.com/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 18:29

Estamos quase, veja o resultado lá..
Falta também adicionar aquela cor roxa Feliz
Depois vou personaliza-la deixando azul.
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz~ em Sex 5 Maio 2017 - 18:40

Olá,

Já deixei no estilo do seu fórum para poupar seu trabalho.
Espero que goste. Piscada

Adicione ao final de sua CSS, para que sobreponha aos outros estilos:
Código:
div#primary_nav {
  background: rgba(255,255,255,0.1) url(http://i.imgur.com/CcLIuMn.png) repeat 50% 50%;
  box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px, inset rgba(255,255,255,0.3) 0px 1px 0px, rgba(0, 0, 0, 0.49) 0px 1px 2px;
  border-radius: 3px;
  position: relative;
  margin: 15px 0px;
  max-height: 60px;
  padding: 0px 10px;
}

div#primary_nav ul li a {
  padding: 20px;
  display: inline-block;
  font-size: 14px;
  color: rgba(255,255,255,1);
  text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  transition: all 0.15s ease-in-out;
  text-transform: uppercase;
}

div#primary_nav * {
  font-size: 0px;
}

body {
  background: #fff url(http://i.imgur.com/0B5lrds.png);
}

.pun {
  border-top: none!important;
}

div#branding {
  border-bottom: solid 2px #2ea3f2;
}

div#primary_nav ul li a:hover {
  color: rgba(255,255,255,1);
}

div#primary_nav ul li:before, div#primary_nav ul li:after {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: -8px;
  right: 40px;
  background: url(http://ipsfocus.net/4x/uploads/set_resources_133/005d20f304c7929cbfdb3fe61d088022_nav-hover.png) no-repeat;
  background-position: 0 50%;
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.25s, 0.25s;
  transition-delay: 0.25s, 0s;
  transition-timing-function: ease-in-out;
  transform: scaleY(0) translate(0,0);
  transform-origin: 100% 50%;
}

div#primary_nav ul li:hover:before, div#primary_nav ul li:hover:after {
  opacity: 1;
  transform: scaleY(1) translate(0,0);
  transition-delay: 0s, 0s;
}

div#primary_nav ul li:hover {
  z-index: 98989889;
}

div#primary_nav ul li {
  vertical-align: top;
  transform: translate(0,0);
  position: relative;
}

div#primary_nav ul li:after {
  left: auto;
  right: -8px;
  width: 48px;
  background-position: 100% 50%;
  transform-origin: 0% 50%;
}

De preferência, coloque na CSS do Github (ao final), que já sobrepõe. Feliz

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 : 22/04/2016
Mensagens : 2436
Pontos Ativos : 3278

http://1forum1.forumeiros.com/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 18:55

Estranho, apliquei em ambos, até coloquei <style> pelo Overall e nada kkk, não modificou mta coisa.
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz~ em Sex 5 Maio 2017 - 18:58

Ué...
Para mim resultou, veja:
-> http://prntscr.com/f4ltos

O senhor aplicou no fórum de testes com o template modificado? Errado


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 : 22/04/2016
Mensagens : 2436
Pontos Ativos : 3278

http://1forum1.forumeiros.com/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 19:06

Veja, quando está logado e quando sem registro como fica: http://imgur.com/a/5sps3

Gostaria de deixar as regras em Dropdown só que adicionar mais tópicos do que já está, seria possível?

E no lugar de "Regitrar e Logar" poderia ser assim:
http://i.imgur.com/fFDtOnV.png?1

O avatar, um menuzinho com dropdown tbm mas com o efeito do dropdown assim: http://i.imgur.com/zOIleLx.png?1

Daria certo ?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz~ em Sex 5 Maio 2017 - 19:16

Nope. É bem difícil fazer isso.
Com meu atual tempo disponível, não teria tempo suficiente para fazer isso.

O senhor pode esperar outra pessoa, mas acho difícil também alguém ter tempo para isso.
O código que te mandei está funcional. Ele só deixa de funcionar, pois, ao estar logado, aparece outros menus nele. O que eu não tinha como prever, visto que o senhor não usa a variável que gera o menu de navegação, mas sim, um menu personalizado via HTML.

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 : 22/04/2016
Mensagens : 2436
Pontos Ativos : 3278

http://1forum1.forumeiros.com/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 5 Maio 2017 - 19:31

Bom, pegue o código do outro fórum que eu tinha e era parecido.
Poderia me ajudar a arrumar?
http://i.imgur.com/rVekJ2n.png

Gostaria que a sequencia de "meu perfil, avatar, sair, e mensagem privada" fosse igual a essa print: http://i.imgur.com/4YBemcP.png
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sab 6 Maio 2017 - 23:13

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Seg 8 Maio 2017 - 11:41

Bom, consegui fazer um Dropdown que ficou assim: http://prntscr.com/f5hhgm

Mas eu gostaria dele assim: http://i.imgur.com/q3j9WVE.png , como nesse tutorial: http://censurado/t51-menu-do-usuario-em-drop-down
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Ter 9 Maio 2017 - 18:04

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Qua 10 Maio 2017 - 21:57

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 12 Maio 2017 - 11:59

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sab 13 Maio 2017 - 13:26

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Dom 14 Maio 2017 - 14:20

up
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Seg 15 Maio 2017 - 15:01

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Ter 16 Maio 2017 - 16:17

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Qua 17 Maio 2017 - 16:39

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Qui 18 Maio 2017 - 17:50

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sex 19 Maio 2017 - 18:15

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em Sab 20 Maio 2017 - 19:07

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll Ontem à(s) 15:19

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 728
Pontos Ativos : 1022

http://testealrpg.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