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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Slides bugado
Hoje à(s) 03:37 pm por Luiz

» Criar Novos botões e mudar a cor
Hoje à(s) 02:58 pm por Fou-Lu

» Ranks para forum
Hoje à(s) 02:55 pm por Fou-Lu

» Ranks - NarutoNGO
Hoje à(s) 02:53 pm por Fou-Lu

» Adicionar estrelas nos tópicos
Hoje à(s) 02:44 pm por APOllO

» Modificação no Index
Hoje à(s) 02:20 pm por Luiz

» Top Usuário
Hoje à(s) 02:20 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
ranzatti
 
zHugh
 
APOllO
 

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

Connor R., Fou-Lu, iScroll, Ketholy123, Luiz, Punisher

[ Ver toda a lista ]


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

Alinhar os widgets horizontalmente

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

Resolvido Alinhar os widgets horizontalmente

Mensagem por iScroll em 07/04/17, 09:31 pm

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: http://i.imgur.com/Ts2QfFh.png
Gostaria de aplicá-los lado a lado... Seria possível ?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1390
Pontos Ativos : 1901

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

Resolvido Re: Alinhar os widgets horizontalmente

Mensagem por Luiz em 07/04/17, 09:42 pm

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".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar os widgets horizontalmente

Mensagem por iScroll em 07/04/17, 09:57 pm

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...
http://i.imgur.com/DK5FbSV.png
Resultou nisso :/
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1390
Pontos Ativos : 1901

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

Resolvido Re: Alinhar os widgets horizontalmente

Mensagem por Luiz em 07/04/17, 10:05 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar os widgets horizontalmente

Mensagem por iScroll em 07/04/17, 10:12 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1390
Pontos Ativos : 1901

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

Resolvido Re: Alinhar os widgets horizontalmente

Mensagem por Luiz em 07/04/17, 10:12 pm

Sempre às ordens. Rosa

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5140
Pontos Ativos : 5953

Ver perfil do usuário https://github.com/lffg/

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