Nivelar colunas da ficha de RPG

2 participantes

Ir para baixo

Tópico resolvido Nivelar colunas da ficha de RPG

Mensagem por PiscesVick 08.01.17 18:24

Detalhes da questão


Endereço do fórum: http://atlantis-rpg.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Boa tarde.

Eu estou precisando de ajuda com os campos da ficha de rpg do meu fórum. Eu dividi os campos em duas colunas, mas a segunda coluna sempre começa mais abaixo, conforme imagem abaixo:

Nivelar colunas da ficha de RPG M1MKpm9

Tem como nivelar ambas?

Grata desde já.
PiscesVick
PiscesVick
Novo Membro

Membro desde : 19/12/2016
Mensagens : 5
Pontos : 9

http://atlantis-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Nivelar colunas da ficha de RPG

Mensagem por Kyo Panda 09.01.17 13:13

Olá,

Em Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS, adicione o seguinte código:

Código:
#cp-main .column1,
#cp-main .column2 {
  clear: none;
  margin-bottom: 15px;
}

---

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Nivelar colunas da ficha de RPG

Mensagem por PiscesVick 09.01.17 22:54

Boa noite Kyo, obrigada por responder.

Testei o código que me deu e o espaçamento realmente desapareceu. Mas as colunas ficaram bagunçadas, ele está ordenando tudo que eu configurei pra esquerda primeiro, ocupando também a coluna da direita e só quando esses campos finalizam que entra os campos configurados pra direita, da mesma forma. Imagem explicando abaixo:

Nivelar colunas da ficha de RPG 6J4EZwc

Tem como corrigir?
PiscesVick
PiscesVick
Novo Membro

Membro desde : 19/12/2016
Mensagens : 5
Pontos : 9

http://atlantis-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Nivelar colunas da ficha de RPG

Mensagem por Kyo Panda 10.01.17 10:25

Apenas com CSS, não. :/

Remova o CSS e crie um novo Javascript com Investimento em Todas as páginas:

Código:
/* global jQuery */
 
(function($) {
  'use strict';
 
  if (!/^\/u\d+rpg$/g.test(location.pathname)) {
    return;
  }

  $(function() {
    $('<style>', { html: [
      '.details {',
      '  overflow: hidden;',
      '  margin-bottom: 15px',
      '}'
    ].join('\n') }).appendTo('head');
 
    var $panel = $('#cp-main .panel');
    var $left = $panel.find('.column1');
    var $right = $panel.find('.column2');
 
    $('<div>', { id: 'fa-rpg-left', class: 'column1' })
      .insertBefore($left.eq(0));
 
    $('<div>', { id: 'fa-rpg-right', class: 'column2' })
      .insertBefore($right.eq(0));
 
    $left
      .find('.details')
      .appendTo('#fa-rpg-left');
 
    $left.remove();
 
    $right
      .find('.details')
      .appendTo('#fa-rpg-right');
 
    $right.remove();
  });
}(jQuery));
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Nivelar colunas da ficha de RPG

Mensagem por PiscesVick 10.01.17 17:42

Assim deu certo. Muito obrigada Kyo <3
PiscesVick
PiscesVick
Novo Membro

Membro desde : 19/12/2016
Mensagens : 5
Pontos : 9

http://atlantis-rpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Nivelar colunas da ficha de RPG

Mensagem por Kyo Panda 10.01.17 17:50

Nivelar colunas da ficha de RPG Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos