Colocar Widget últimos assuntos na caixa inicial

[Ericsson']

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

[Fraise]

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.

[Ericsson']

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

[virus]

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

[Ericsson']

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.

[virus]

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

[Chanp]

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/

[tatsuhito]

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

[Key of Destiny]

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.

[Ericsson']

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

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

Sim! Muito legal!

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

[virus]

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.

[Ericsson']

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.

[Fraise]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.