Alinhar os widgets horizontalmente

2 participantes

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

Tópico resolvido Alinhar os widgets horizontalmente

Mensagem por iScroll 08.04.17 1:31

Detalhes da questão


Endereço do fórum: http://17bpm.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá pessoal, tenho esses widgets no meu fórum: https://i.imgur.com/Ts2QfFh.png
Gostaria de aplicá-los lado a lado... Seria possível ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar os widgets horizontalmente

Mensagem por Luiz 08.04.17 1:42

Olá,

Bela skin. Feliz
Adicione este código CSS:
Código:
div#right {
  display: flex;
  width: 76vw!important;
  align-items: flex-start;
}

#right .module.main {
  width: 30%;
  max-width: 30%;
  margin-right: 20px!important;
}

Tchau

---

Título "Widget lado a lada" alterado para "Alinhar os widgets horizontalmente".
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar os widgets horizontalmente

Mensagem por iScroll 08.04.17 1:57

Luiz~ escreveu:Olá,

Bela skin. Feliz
Adicione este código CSS:
Código:
div#right {
  display: flex;
  width: 76vw!important;
  align-items: flex-start;
}

#right .module.main {
  width: 30%;
  max-width: 30%;
  margin-right: 20px!important;
}

Tchau

---

Título "Widget lado a lada" alterado para "Alinhar os widgets horizontalmente".

Obrigado, estou editando Feliz
Sobre o código...
https://i.imgur.com/DK5FbSV.png
Resultou nisso :/
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar os widgets horizontalmente

Mensagem por Luiz 08.04.17 2:05

Estranho... Era para ter funcionado. Pensativo
Tente adicionar este código ao final de sua CSS:
Código:
div#right {
  width: 73vw!important;
}

Caso não resulte, crie um novo JavaScript, com investimento em todas as páginas, com o código:
Código:
/*globals jQuery*/
(function ($) {
  'use strict';

  var myStyle = [
    '',
    'div#right {',
    '  width: 73vw!important;',
    '}',
    '',
  ].join('\n');

  $(function () {
    $('<style>', {
      text: myStyle
    }).appendTo('body');
  });
}(jQuery));

Inté. Tchau
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar os widgets horizontalmente

Mensagem por iScroll 08.04.17 2:12

AEWWW \o/ !
Perfeito! Muito obrigado por ajudar ! <3 Feliz
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar os widgets horizontalmente

Mensagem por Luiz 08.04.17 2:12

Sempre às ordens. Rosa

---
Alinhar os widgets horizontalmente 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".
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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