Colocar Widget últimos assuntos na caixa inicial
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript & jQuery
Página 1 de 1 • Compartilhe
Colocar Widget últimos assuntos na caixa inicial
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
Última edição por Ericsson' em 24.02.18 11:21, editado 1 vez(es)
Re: Colocar Widget últimos assuntos na caixa inicial
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.
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.
Re: Colocar Widget últimos assuntos na caixa inicial
Corrigido. Aqui o fórum: http://naruto-survival.forumeiros.com/
Re: Colocar Widget últimos assuntos na caixa inicial
Você quer mudar todos os widgets para ficar apenas horizontal?
virus- Usuário destaque
-
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 913
Re: Colocar Widget últimos assuntos na caixa inicial
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.
Re: Colocar Widget últimos assuntos na caixa inicial
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:
Até.
Uma forma simples de fazer isto é assim. Ele vai pegar o primeiro widget e transferir-la para caixa.
Painel de Controle



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é.
virus- Usuário destaque
-
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 913
Re: Colocar Widget últimos assuntos na caixa inicial
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/
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/
Re: Colocar Widget últimos assuntos na caixa inicial
Template lindo esse que eu fiz, não é verdade? :B
Última edição por tatsuhito em 01.03.18 18:23, editado 1 vez(es)
Re: Colocar Widget últimos assuntos na caixa inicial
Boa noite,
Crie um javascript com investimento no índice:
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.
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.
Key of Destiny- Nível 10
-
Inscrito dia : 15/12/2015
Mensagens : 270
Pontos Ativos : 439
Re: Colocar Widget últimos assuntos na caixa inicial
@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..
Re: Colocar Widget últimos assuntos na caixa inicial
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
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
Posso fechar o tópico ou ainda não conseguiu o resultado esperado?
Até mais.
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




- 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- Usuário destaque
-
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 913
Re: Colocar Widget últimos assuntos na caixa inicial
@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 ControleVisualizaçã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.
Re: Colocar Widget últimos assuntos na caixa inicial
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript & jQuery
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum