Colocar Widget últimos assuntos na caixa inicial

+2
Fraise
Ericsson'
6 participantes

Ir para baixo

Tópico resolvido Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' 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'
**

Membro desde : 19/12/2010
Mensagens : 63
Pontos : 103

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Fraise 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' 24.02.18 11:22

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

Membro desde : 19/12/2010
Mensagens : 63
Pontos : 103

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por virus 25.02.18 0:47

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

virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' 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'
**

Membro desde : 19/12/2010
Mensagens : 63
Pontos : 103

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por virus 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
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Chanp 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
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por tatsuhito 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
Novo Membro

Membro desde : 13/02/2016
Mensagens : 27
Pontos : 45

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Key of Destiny 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
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' 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'
**

Membro desde : 19/12/2010
Mensagens : 63
Pontos : 103

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por virus 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
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Ericsson' 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'
**

Membro desde : 19/12/2010
Mensagens : 63
Pontos : 103

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar Widget últimos assuntos na caixa inicial

Mensagem por Fraise 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
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos