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 eu faço para encontrar uma equipe?
Hoje à(s) 06:50 am por S1L3NC3SS

» [Pedido] Banner ®
Hoje à(s) 04:03 am por -xGabriel..

» Banner para meu forum
Hoje à(s) 03:59 am por William_iHarDz

» [PEDIDO] Brasão de Armas
Hoje à(s) 02:17 am por Fou-Lu

» Texturas Fórum
Hoje à(s) 12:08 am por Fou-Lu

» Mudar caixas de usuários online, grupos e aniversariantes
Ontem à(s) 11:06 pm por William_iHarDz

» Fórum e Subforuns não aparecem
Ontem à(s) 10:43 pm por odelgado

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
287 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 284 Visitantes :: 2 Motores de busca

Hancki, PrisoN†BreaK, S1L3NC3SS

[ 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

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

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

Estranho. Suspeito...

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

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso 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
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso 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 : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz em 07/08/17, 07:40 pm

A pedido do autor do tópico, o tópico está voltando à atividade.

---

Edit:

Eu fui em seu fórum, e este foi o resultado do código JavaScript passado por mim acima:
-> http://prntscr.com/g5mxiz

Há algo de errado? o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 09/08/17, 09:14 pm

Um pouco, veja a imagem e note a diferença
https://m.imgur.com/q3j9WVE?r

No meu forum as letras estão muito separadas uma das outras.
Gostaria também de adicionar uma setinha em cima como se fosse um balão de conversa. Seria possível?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por Luiz em 09/08/17, 09:43 pm

Na época que fiz esse código JavaScript eu tinha formas diferentes de resolver as coisas.
Remova o JavaScript e me passe seu "overall_header". o/

Alguns UPs deste tópico foram removidos.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 13/08/17, 08:29 pm

Aqui está : https://pastebin.com/VFncwApf
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 15/08/17, 11:35 am

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 16/08/17, 01:12 pm

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 17/08/17, 03:40 pm

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 18/08/17, 03:41 pm

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 20/08/17, 11:56 am

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll em 21/08/17, 02:07 pm

UP
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

http://testealrpg.forumeiros.com

Em curso Re: Personalizar cabeçalho

Mensagem por iScroll Ontem à(s) 03:25 pm

up
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 793
Pontos Ativos : 1105

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