Detalhes da questão

Endereço do fórum: http://narutoexiled.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Alguém poderia me ajudar me ensinando como colocar o widget de últimos assuntos nessa caixa como nesse fórum? https://i.imgur.com/rhGwueZ.png

Olá @Ericsson',

Antes de mais, pedia por gentileza que corrigisse o endereço do seu fórum, pois o mesmo encontra-se incorreto.

Poderia me fornecer o endereço do fórum onde viu o que deseja?

Atenciosamente,
Fraise.

Corrigido. Aqui o fórum: http://naruto-survival.forumeiros.com/

Você quer mudar todos os widgets para ficar apenas horizontal?

Não. Eu quero que o widget dos últimos assuntos somente fique dentro daquela caixa ali no meio, ao invés de na barra lateral, como é normalmente.

Olá!
Uma forma simples de fazer isto é assim. Ele vai pegar o primeiro widget e transferir-la para caixa.
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Titulo: Qualquer
Investimento*: (ÍNDICE)
Código:

Código:

$(function() {
   $("div#wrapper #left .module:first-child:first-child").appendTo('.panel');
   
   $('.panel .module').css({
      
      "width": "300px"
});
});

Até.

Olá!
Caso o código do Ajudeiro virus não funcione, peço que me informe se será necessário ter os três widgets dentro da caixa.

o/

Boa noite,

Crie um javascript com investimento no índice:

Código:

$(function() {
$('.module:contains("Últimos assuntos")').clone().prependTo('div.panel.introduction').removeClass('module').addClass('ultimosAssuntos');
$('#left .module:contains("Últimos assuntos")').css('display','none');
});

A função é a mesma do código passado pelo @"virus", com a diferença de que o próprio código fará sumir o últimos assuntos da barra da esquerda e adicionará uma classe nova pro widget, facilitando a personalização.

Chanp escreveu:Olá!
Caso o código do Ajudeiro virus não funcione, peço que me informe se será necessário ter os três widgets dentro da caixa.

o/

Sim, ajudaria bastante. Atualmente ficou assim: https://i.imgur.com/PyueGyj.png

tatsuhito escreveu:

Template lindo esse que eu fiz, não é verdade? :B

Sim! Muito legal!

Key of Destiny escreveu:Boa noite,

Crie um javascript com investimento no índice:

Código:

$(function() {
$('.module:contains("Últimos assuntos")').clone().prependTo('div.panel.introduction').removeClass('module').addClass('ultimosAssuntos');
$('#left .module:contains("Últimos assuntos")').css('display','none');
});

A função é a mesma do código passado pelo @"virus", com a diferença de que o próprio código fará sumir o últimos assuntos da barra da esquerda e adicionará uma classe nova pro widget, facilitando a personalização.

Testei esse o do @virus, mas o seu ficou muito mais estranho em comparação ao dele..

Olá @Ericsson'
O código que lhe enviei vai mudar o caminho que é utilizado no CSS por tanto não vai haver problemas.

Nessa parte do código é possível modificar o 300px para 100% para cobrir todo espaço. E o caminho utilizado para estilizar é .panel .module

Código:


 $('.panel .module').css({
      
      "width": "300px"
});


Se o problema é que os últimos assuntos está preto e só adicionar ao final de sua folha de estilo CSS este código
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.panel .module .h3 {
    background-color: #fff!important;
    color: black;
}

Posso fechar o tópico ou ainda não conseguiu o resultado esperado?
Até mais.

virus escreveu:Olá @Ericsson'
O código que lhe enviei vai mudar o caminho que é utilizado no CSS por tanto não vai haver problemas.

Nessa parte do código é possível modificar o 300px para 100% para cobrir todo espaço. E o caminho utilizado para estilizar é .panel .module

Código:


 $('.panel .module').css({
      
      "width": "300px"
});


Se o problema é que os últimos assuntos está preto e só adicionar ao final de sua folha de estilo CSS este código
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

.panel .module .h3 {
    background-color: #fff!important;
    color: black;
}

Posso fechar o tópico ou ainda não conseguiu o resultado esperado?
Até mais.

Funcionou sim. Não sei se posso ainda perguntar sobre outra coisa, mas como eu faço para adicionar outro Widget do mesmo jeito que você fez com esse? Por exemplo, o Staff Online que fica do lado esquerdo do fórum.

Mas de qualquer forma, pode fechar. Vou abrir outro tópico.