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
» Sobre o portal
Ontem à(s) 11:03 pm por Cannabis._.

» Pintar ícones
Ontem à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Ontem à(s) 10:07 pm por Tiger

» Avatar Gif
Ontem à(s) 10:06 pm por Tiger

» Gerir assinatura nos tópicos
Ontem à(s) 09:57 pm por Luiz~

» O que é o Favicon do fórum?
Ontem à(s) 09:56 pm por Luiz~

» Barra de Categorias
Ontem à(s) 09:15 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Cannabis._.
 
Tiger
 
CAI0
 

Quem está conectado
212 usuários online :: 2 usuários cadastrados, 1 Invisível e 209 Visitantes :: 2 Motores de busca

LanternaV2, Legionheart

[ Ver toda a lista ]


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

Personalizar cabeçalho

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

Resolvido Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 12:41 pm

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 : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 05/05/17, 01:21 pm

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


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 01:54 pm

https://pastebin.com/hYLNi8Qp

Aí está
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 05/05/17, 02:03 pm

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

o/


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 03:10 pm

Certo, agora veja como ficou kkk
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 05/05/17, 06:24 pm

Estranho. Suspeito...

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

o/


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 06:29 pm

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 : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 05/05/17, 06:40 pm

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


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 06:55 pm

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 : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 05/05/17, 06:58 pm

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


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 07:06 pm

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 : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 05/05/17, 07:16 pm

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


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/05/17, 07:31 pm

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 : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 06/05/17, 11:13 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 08/05/17, 11:41 am

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 : 769
Pontos Ativos : 1064

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 09/05/17, 06:04 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 10/05/17, 09:57 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 12/05/17, 11:59 am

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 13/05/17, 01:26 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

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

up
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 15/05/17, 03:01 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 16/05/17, 04:17 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 17/05/17, 04:39 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 18/05/17, 05:50 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 19/05/17, 06:15 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 20/05/17, 07:07 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 22/05/17, 03:19 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 23/05/17, 06:55 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 24/05/17, 09:39 pm

up
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 27/05/17, 09:28 am

Up
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 29/05/17, 06:38 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 30/05/17, 06:44 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 03/06/17, 10:46 am

up
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por iScroll em 05/06/17, 02:18 pm

UP
avatar

iScroll
Usuário destaque

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

http://testealrpg.forumeiros.com

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 08/06/17, 05:44 pm

Crie um novo Javascript investido em Todas as Páginas com o código:
Código:
(function ($) {
  'use strict';

  $(function () {

    var $target = $('#myDropDown');
   
    var $drop = $target.after([
      '<div class="lz-dropdown-user" style="position: absolute; display: none;">',
      '  <div class="lz-avatar-wrap">',
      '    ' + _userdata["avatar"],
      '  </div>',
      '  <div class="lz-col-left">',
      '    <a href="/st/' + _userdata["username"] + '">Meu Conteúdo</a>',
      '    <a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a>',
      '    <a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a>',
      '  </div>',
      '  <div class="lz-col-right">',
      '    <a href="/u' + _userdata["user_id"] + '">Meu Perfil</a>',
      '    <a href="/profile?mode=editprofile&page_profil=avatars">Mudar avatar</a>',
      '    <a href="/profile?mode=editprofile&page_profil=informations">Preferências</a>',
      '  </div>',
      '</div>',
    ].join('\n'));
   
    $target.attr('style', [
      'display: none !important;',
      'visibility: hidden !important;',
      'opacity: 0 !important;',
      'pointer-events: none !important;',
    ].join(' '));

    $('#drop_link').attr('onclick', '');
    $('#drop_link').on('click', function () {
      $('.lz-dropdown-user').toggle();
    });

    $('head').append([
      '<style type="text/css">',
      '  .lz-dropdown-user {',
      '    background-color: #fff;',
      '    z-index: 9999;',
      '    width: 400px;',
      '    height: 120px;',
      '    right: 0px;',
      '    box-sizing: border-box;',
      '    border-radius: 4px;',
      '    padding: 10px;',
      '    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.63);',
      '  }',
      '',
      '  .lz-dropdown-user * {',
      '    box-sizing: border-box;',
      '  }',
      '',
      '  .lz-dropdown-user .lz-avatar-wrap img {',
      '    height: 65px;',
      '    width: 65px;',
      '    border: solid 3px #fff;',
      '    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.5);',
      '    margin-top: 15px;',
      '    float: left;',
      '  }',
      '',
      '  .lz-dropdown-user a {',
      '    color: #245a88!important;',
      '    font-size: 12px!important;',
      '  }',
      '',
      '  .lz-dropdown-user a:hover {',
      '    text-decoration: underline!important;',
      '  }',
      '</style>',
    ].join('\n'));
  });
}(jQuery));

o/


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar cabeçalho

Mensagem por Luiz~ em 13/06/17, 01:14 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

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