Colocar Widget últimos assuntos na caixa inicial

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

Atendido / Resolvido Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' em 23.02.18 21:13

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)
Ericsson'

Ericsson'
Nível 6

Masculino
Inscrito dia : 19/12/2010
Mensagens : 63
Pontos Ativos : 103

http://naruto-connection.ativoforum.com/forum.htm

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Fraise em 23.02.18 22:47

Olá @Ericsson',

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

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

Atenciosamente,
Fraise.

Fraise

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6303
Pontos Ativos : 7762

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' em 24.02.18 11:22

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

Ericsson'
Nível 6

Masculino
Inscrito dia : 19/12/2010
Mensagens : 63
Pontos Ativos : 103

http://naruto-connection.ativoforum.com/forum.htm

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por virus em 25.02.18 0:47

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

virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 913

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' em 25.02.18 10:36

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

Ericsson'
Nível 6

Masculino
Inscrito dia : 19/12/2010
Mensagens : 63
Pontos Ativos : 103

http://naruto-connection.ativoforum.com/forum.htm
  • 0

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por virus em 28.02.18 0:17

Olá!
Uma forma simples de fazer isto é assim. Ele vai pegar o primeiro widget e transferir-la para caixa.
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta 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é.
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 913

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Chanp em 28.02.18 17:17

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/
Chanp

Chanp
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1049
Pontos Ativos : 1162

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por tatsuhito em 28.02.18 17:49

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)
tatsuhito

tatsuhito
Nível 4

Masculino
Inscrito dia : 13/02/2016
Mensagens : 27
Pontos Ativos : 45

http://superonzerv.forumeiros.net/

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Key of Destiny em 01.03.18 5:23

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.
Key of Destiny

Key of Destiny
Nível 10

Masculino
Inscrito dia : 15/12/2015
Mensagens : 265
Pontos Ativos : 434

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' em 02.03.18 0:18

@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..
Ericsson'

Ericsson'
Nível 6

Masculino
Inscrito dia : 19/12/2010
Mensagens : 63
Pontos Ativos : 103

http://naruto-connection.ativoforum.com/forum.htm
  • 0

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por virus em 02.03.18 17:06

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 Seta Visualização Seta Imagens e Cores Seta Cores Seta 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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos Ativos : 913

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' em 03.03.18 15:36

@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 Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
Ericsson'

Ericsson'
Nível 6

Masculino
Inscrito dia : 19/12/2010
Mensagens : 63
Pontos Ativos : 103

http://naruto-connection.ativoforum.com/forum.htm

Atendido / Resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Fraise em 03.03.18 15:37

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6303
Pontos Ativos : 7762

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum