Nivelar colunas na ficha RPG

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

Atendido / Resolvido Nivelar colunas na ficha RPG

Mensagem por giancamposm em 09.01.17 13:31

Detalhes da questão


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

Descrição


Bem galera, eu to criando novos sistemas para um RPG que faço parte da administração, porém me deparei com uma coisa bem chata, criei os campos da ficha de RPG, separei em duas colunas, porém eles não ficam alinhadas, como no print a seguir:

Nivelar colunas na ficha RPG Fa208f6cc812425095a33a4f3787cadf

Daí eu utilizei de um código para que o nivelamento acontecesse e até que ficou certo, porém bugou duas coisas, vou por os prints de como ficou.

Colunas alinhadas:

Nivelar colunas na ficha RPG 15967566_1345536265467925_2006716265_o

Porém o primeiro bug que reparei foi o seguinte: apareceu uma enorme espaço entre o fim da tabela e o botão modificar/salvar. Olhem o print:

Nivelar colunas na ficha RPG 15935343_1345536642134554_447536027_o

Até ai tudo bem, lidar com um espaço no final da página é preço pequeno a se pagar pelo alinhamento, contudo não utilizamos o perfil avançado em nosso fórum, ou seja, todo o perfil fica em duas colunas em uma única pagina e o code utilizado para nivelar o perfil de RPG, desnivelou o perfil normal, como mostra o print:

Nivelar colunas na ficha RPG E640998270b841369981ff26ae5d4351

Daí ficamos com um perfil alinhado, um perfil bugado e um espaço inútil. Não sabemos o que fazer para arrumar os bugs e ficarmos com o perfil de RPG alinhado.

Utilizei o code a baixo para fazer o alinhamento:

Código:
#profile-advanced-layout dl.details dt {
  display: none;
}

.column1 {
  position: relative;
  right: 90px;
}

.column2 {
  position: relative;
  top: -475px;
  right: 95px;
}

Vi também que o Kyo Panda respondeu algo semelhante neste tópico, dai eu retirei o code que havia posto e coloquei o seguinte (cedido pelo Kyo):

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

Porém não teve nenhum efeito no fórum.

Atualmente o fórum se encontra sem nenhum code de alinhamento.
giancamposm

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

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

Atendido / Resolvido Re: Nivelar colunas na ficha RPG

Mensagem por Kyo Panda em 09.01.17 14:54

Crie um novo Javascript com investimento em todas as páginas com o seguinte código:

Código:
/* global jQuery */

(function($) {
  'use strict';

  $(function() {
    if (!/u\d+/g.test(location.pathname)) {
      return;
    }

    var $panel = $('h1.page-title:contains("Ficha")').next();
    var $left = $panel.find('.column1');
    var $right = $panel.find('.column2');

    $('<div>', { id: 'fa-sheet-left', class: 'column1' })
      .insertBefore($left.eq(0));

    $('<div>', { id: 'fa-sheet-right', class: 'column2' })
      .insertBefore($right.eq(0));

    $left
      .find('.details')
      .appendTo('#fa-sheet-left');

    $left.remove();

    $right
      .find('.details')
      .appendTo('#fa-sheet-right');

    $right.remove();
  });
}(jQuery));
Kyo Panda

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Nivelar colunas na ficha RPG

Mensagem por giancamposm em 09.01.17 15:00

Obrigado, Kyo! Resolveu.
giancamposm

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

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

Atendido / Resolvido Re: Nivelar colunas na ficha RPG

Mensagem por Kyo Panda em 09.01.17 15:06

Nivelar colunas na ficha 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
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum