Como colocar ultimos post !

2 participantes

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

Tópico resolvido Como colocar ultimos post !

Mensagem por yGold 11.03.18 21:43

Detalhes da questão


Endereço do fórum: http://brasilpls.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Eu gostaria de fazer um ultimos post igual a esse Como - Como colocar ultimos post ! BEETxop
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 11.03.18 22:57

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Olá, veja este tópico:
https://ajuda.forumeiros.com/t100061-addon-ultimos-assuntos-personalizado

Lembrando que ele não fará atualização das postagens em forma automática sem recarregar a página.

Até!
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 11.03.18 23:08

virus escreveu:
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
Olá, veja este tópico:
https://ajuda.forumeiros.com/t100061-addon-ultimos-assuntos-personalizado

Lembrando que ele não fará atualização das postagens em forma automática sem recarregar a página.

Até!
mais tipo gostaria de um igual a imagem
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 11.03.18 23:47

Sim. Mantenha ativo os últimos assuntos (personalizado) para que eu veja o que possa ser feito em seu fórum. Contudo espero que entenda que o fórum de suporte não tem intenção de copiar ou plagiar fóruns seja ou não fóruns da forumeiros. Eu vou tentar fazer algo parecido, mas pretende mesmo utilizar essas cores?

Até.

Ps; Ative o script que está neste tópico -> https://ajuda.forumeiros.com/t100061-addon-ultimos-assuntos-personalizado e mantenha o widget de últimos assuntos ativado.
Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 12.03.18 0:06

virus escreveu:Sim. Mantenha ativo os últimos assuntos (personalizado) para que eu veja o que possa ser feito em seu fórum. Contudo espero que entenda que o fórum de suporte não tem intenção de copiar ou plagiar fóruns seja ou não fóruns da forumeiros. Eu vou tentar fazer algo parecido, mas pretende mesmo utilizar essas cores?

Até.

Ps; Ative o script que está neste tópico -> https://ajuda.forumeiros.com/t100061-addon-ultimos-assuntos-personalizado e mantenha o widget de últimos assuntos ativado.
Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'.
sim
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 0:28

Olá, verifique se a sua gestão de códigos javascript está com opção ativada no gerenciamento.
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript

Dury escreveu:Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum.

Se não entendeu muito bem e só ir no local indicado acima e marca essa opção em sim e salvar.
Como - Como colocar ultimos post ! PWOao-LyTlOr0T1JBzGtVQ
http://prntscr.com/ipw4sm

Estou dizendo isso por que não se encontra os últimos assuntos ativado no qual enviei o tópico. Para criar últimos assuntos terá que seguir os passos que está naquele tópico que enviei. Não esquece de criar o novo arquivo com o script do tópico que falei no começo deste topic.
Até.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 12.03.18 1:38

virus escreveu:Olá, verifique se a sua gestão de códigos javascript está com opção ativada no gerenciamento.
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript

Dury escreveu:Habilitar o gerenciamento dos códigos JavaScript - Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum.

Se não entendeu muito bem e só ir no local indicado acima e marca essa opção em sim e salvar.
Como - Como colocar ultimos post ! PWOao-LyTlOr0T1JBzGtVQ
http://prntscr.com/ipw4sm

Estou dizendo isso por que não se encontra os últimos assuntos ativado no qual enviei o tópico. Para criar últimos assuntos terá que seguir os passos que está naquele tópico que enviei. Não esquece de criar o novo arquivo com o script do tópico que falei no começo deste topic.
Até.
nao existe nenhum metodo de deixar parado sem que fique se mexendo ?
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 1:43

Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Procure o widget Tópicos recentes e clique em modificar Editar
Como - Como colocar ultimos post ! 9NzvTIKoQFuXKHM6yg0bvw
https://prnt.sc/ipwq2d

E configure de acordo com a imagem

http://prntscr.com/ipwqq7
Como - Como colocar ultimos post ! SiMB-wv1Qdq-jEHeKVrddw

Quantidade de tópicos recentes : 5
Ativar o scrolling dos tópicos recentes : Não
Sentido do deslocamento dos tópicos : Topo
Altura da tabela contendo os tópicos recentes : Não altere
Tempo de espera entre 2 deslocamentos : Não altere
Salve e pronto.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 12.03.18 1:49

virus escreveu:Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Procure o widget Tópicos recentes e clique em modificar Editar
Como - Como colocar ultimos post ! 9NzvTIKoQFuXKHM6yg0bvw
https://prnt.sc/ipwq2d

E configure de acordo com a imagem

http://prntscr.com/ipwqq7
Como - Como colocar ultimos post ! SiMB-wv1Qdq-jEHeKVrddw

Quantidade de tópicos recentes : 5
Ativar o scrolling dos tópicos recentes : Não
Sentido do deslocamento dos tópicos : Topo
Altura da tabela contendo os tópicos recentes : Não altere
Tempo de espera entre 2 deslocamentos : Não altere
Salve e pronto.
tem como tirar aquele widged ali do lado de ultimos assuntos ?
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 1:53

Aqui se encontra ativo agora. Ainda pretende mudar o estilo para um parecido com a da imagem?

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: Como colocar ultimos post !

Mensagem por yGold 12.03.18 1:56

virus escreveu:Aqui se encontra ativo agora. Ainda pretende mudar o estilo para um parecido com a da imagem?

Até mais!
tem como tirar o widged la ?
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 2:44

Humm..
Adicione isto a sua folha de estilo CSS
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}

/*Remover espaço do widget direito
#content-container div#container {
  margin-right: 0;
}*/
/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: #404040f5;
    padding: 20px;
    border-radius: 3px;
    color: white;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    margin: 0;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: #2f2e2e;
    color: white;
    border-radius: 3px;
    border-bottom: 1px solid #4e4d4d;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"] {
    margin-left: 9px;
}
div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:link, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:visited {
    color: ghostwhite;
    font-weight: bold;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links .creator_post {
    /*color: antiquewhite;*/
    color: #a4a4a4;
}
.recentTopics ul {
  margin: 20px;
}
.recentTopics .inner {
    margin-bottom: 20px;
    padding: 5px;
    background-color: #3e3e3e;
}
E salve e também veja se ficou como deseja. Lembrando que está configurado para o primeiro widget do lado direito -> seja ocultado então sempre se lembre disto Piscada
Até.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 12.03.18 2:55

virus escreveu:Humm..
Adicione isto a sua folha de estilo CSS
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}

/*Remover espaço do widget direito
#content-container div#container {
  margin-right: 0;
}*/
/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: #404040f5;
    padding: 20px;
    border-radius: 3px;
    color: white;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    margin: 0;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: #2f2e2e;
    color: white;
    border-radius: 3px;
    border-bottom: 1px solid #4e4d4d;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"] {
    margin-left: 9px;
}
div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:link, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:visited {
    color: ghostwhite;
    font-weight: bold;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links .creator_post {
    /*color: antiquewhite;*/
    color: #a4a4a4;
}
.recentTopics ul {
  margin: 20px;
}
.recentTopics .inner {
    margin-bottom: 20px;
    padding: 5px;
    background-color: #3e3e3e;
}
E salve e também veja se ficou como deseja. Lembrando que está configurado para o primeiro widget do lado direito -> seja ocultado então sempre se lembre disto Piscada
Até.
Ultima duvida,tem como deixar branco e azul igual meu forum,pq foi black e grey
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 2:57

Rindo Rindo Eu avisei se queria preto rsrsr. Enfim, pode sim mudar de cor. Poderia simplificar aonde você deseja ter controle das cores? vou ver se explico ou altero para você.

Até.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 12.03.18 3:00

virus escreveu:Rindo Rindo Eu avisei se queria preto rsrsr. Enfim, pode sim mudar de cor. Poderia simplificar aonde você deseja ter controle das cores? vou ver se explico ou altero para você.

Até.
tipo a parte que ta cinza dx branco,ai a cor da descricao pra preta e a parte ali do Ultimos Assuntos dx azul,ou tem algum jeito de eu colocar isso dentro de 1 categoria ?
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 3:39

Altere o código CSS anterior por este:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores

Código:
/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}

/*Remover espaço do widget direito*/
#content-container div#container {
  margin-right: 0;
}

/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
   --fundo-de-fora: #b0d4f5;
   --titulo-ultimos-assuntos: #fff;
   --borda-topo-do-titulo-ultimos-assuntos: #ffffffb3;
   --borda-baixo-do-titulo-ultimos-assuntos: #ffffffb3;
   --titulo-dos-topicos: #f8f8ff;
   --topico-iniciado-por: #ffffff;
   --mensagem-por-e-data: #fff;
        --cor-borda: #c7c7c7;
        --cor-de-fundo-topicos: #3c93e4;
}


/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: var(--fundo-de-fora);
    padding: 20px;
    border-radius: 3px;
    color: var(--titulo-ultimos-assuntos);
    font-family: "Arial", sans-serif;
    font-size: 12px;
    border-bottom: 2px solid var(--borda-baixo-do-titulo-ultimos-assuntos);
    border-top: 2px solid var(--borda-topo-do-titulo-ultimos-assuntos);
    margin: 0;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: var(--cor-de-fundo-topicos);
    color: var(--mensagem-por-e-data);
    border-radius: 3px;
    border-bottom: 1px solid var(--cor-borda);
}
div#main-content .recentTopics .inner ul li.recentPost .small_links, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"] {
    margin-left: 9px;
}
div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:link, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:visited {
    color: var(--titulo-dos-topicos);
    font-weight: bold;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links .creator_post {
    /*color: antiquewhite;*/
    color: var(--topico-iniciado-por);
}
.recentTopics ul {
  margin: 20px;
}
.recentTopics .inner {
    margin-bottom: 20px;
    padding: 5px;
    background-color: var(--fundo-de-fora);
}
div#main-content .recentTopics .inner ul li.recentPost .small_links a, .small_links, .small_links a {
    color: white!important;
}


Leve em consideração essa parte do código para editar
Código:

/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
   --fundo-de-fora: #b0d4f5;
   --titulo-ultimos-assuntos: #fff;
   --borda-topo-do-titulo-ultimos-assuntos: #ffffffb3;
   --borda-baixo-do-titulo-ultimos-assuntos: #ffffffb3;
   --titulo-dos-topicos: #f8f8ff;
   --topico-iniciado-por: #ffffff;
   --mensagem-por-e-data: #fff;
        --cor-borda: #c7c7c7;
        --cor-de-fundo-topicos: #3c93e4;
}

Só alterar as cores hexadecimais (que começa com #) isso vai ajudar a você alterar tudo de forma mais rápida.

Como escolher e saber as cores hexadecimais?

Pode pegar usando este site: https://www.webpagefx.com/web-design/color-picker/
Se gostou de uma determinada cor de uma imagem pode usar este site para pegar a cor
https://imagecolorpicker.com/

Piscada Se quiser que eu faça ajustes para você eu faço, mas só amanhã. Enfim se estiver resolvido só dizer o/

virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 12.03.18 3:52

virus escreveu:Altere o código CSS anterior por este:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores

Código:
/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}

/*Remover espaço do widget direito*/
#content-container div#container {
  margin-right: 0;
}

/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
   --fundo-de-fora: #b0d4f5;
   --titulo-ultimos-assuntos: #fff;
   --borda-topo-do-titulo-ultimos-assuntos: #ffffffb3;
   --borda-baixo-do-titulo-ultimos-assuntos: #ffffffb3;
   --titulo-dos-topicos: #f8f8ff;
   --topico-iniciado-por: #ffffff;
   --mensagem-por-e-data: #fff;
        --cor-borda: #c7c7c7;
        --cor-de-fundo-topicos: #3c93e4;
}


/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: var(--fundo-de-fora);
    padding: 20px;
    border-radius: 3px;
    color: var(--titulo-ultimos-assuntos);
    font-family: "Arial", sans-serif;
    font-size: 12px;
    border-bottom: 2px solid var(--borda-baixo-do-titulo-ultimos-assuntos);
    border-top: 2px solid var(--borda-topo-do-titulo-ultimos-assuntos);
    margin: 0;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: var(--cor-de-fundo-topicos);
    color: var(--mensagem-por-e-data);
    border-radius: 3px;
    border-bottom: 1px solid var(--cor-borda);
}
div#main-content .recentTopics .inner ul li.recentPost .small_links, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"] {
    margin-left: 9px;
}
div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:link, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:visited {
    color: var(--titulo-dos-topicos);
    font-weight: bold;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links .creator_post {
    /*color: antiquewhite;*/
    color: var(--topico-iniciado-por);
}
.recentTopics ul {
  margin: 20px;
}
.recentTopics .inner {
    margin-bottom: 20px;
    padding: 5px;
    background-color: var(--fundo-de-fora);
}
div#main-content .recentTopics .inner ul li.recentPost .small_links a, .small_links, .small_links a {
    color: white!important;
}


Leve em consideração essa parte do código para editar
Código:

/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
   --fundo-de-fora: #b0d4f5;
   --titulo-ultimos-assuntos: #fff;
   --borda-topo-do-titulo-ultimos-assuntos: #ffffffb3;
   --borda-baixo-do-titulo-ultimos-assuntos: #ffffffb3;
   --titulo-dos-topicos: #f8f8ff;
   --topico-iniciado-por: #ffffff;
   --mensagem-por-e-data: #fff;
        --cor-borda: #c7c7c7;
        --cor-de-fundo-topicos: #3c93e4;
}

Só alterar as cores hexadecimais (que começa com #) isso vai ajudar a você alterar tudo de forma mais rápida.

Como escolher e saber as cores hexadecimais?

Pode pegar usando este site: https://www.webpagefx.com/web-design/color-picker/
Se gostou de uma determinada cor de uma imagem pode usar este site para pegar a cor
https://imagecolorpicker.com/

Piscada Se quiser que eu faça ajustes para você eu faço, mas só amanhã. Enfim se estiver resolvido só dizer o/

voce poderia alterar para min quando der tentar deixar nesse estilo : http://brasilpls.forumeiros.com/ tenta deixar no estilo das categorias ali por favor ta me ajudando de mais <3
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 12.03.18 17:23

Altere o código anterior para este:
Código:
/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}
 
/*Remover espaço do widget direito*/
#content-container div#container {
  margin-right: 0;
}
 
/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
   --fundo-de-fora: #69b;
   --titulo-ultimos-assuntos: #158;
   --borda-topo-do-titulo-ultimos-assuntos: #0000;
   --borda-baixo-do-titulo-ultimos-assuntos: #0000;
   --titulo-dos-topicos: #f8f8ff;
   --topico-iniciado-por: #ffffff;
   --mensagem-por-e-data: #fff;
   --cor-borda: #fff;
   --cor-de-fundo-topicos: #f7f7f7;
   --cor-de-fundo-topicos-hover: #f6f4d0;
}
 
 
/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: var(--fundo-de-fora);
    padding: 20px;
    border-radius: 3px;
    color: var(--titulo-ultimos-assuntos);
    font-family: Verdana, Arial,Helvetica,sans-serif;
    font-size: 2em;
    border-bottom: 2px solid var(--borda-baixo-do-titulo-ultimos-assuntos);
    border-top: 2px solid var(--borda-topo-do-titulo-ultimos-assuntos);
    margin: 0;
    font-weight: 400;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: var(--cor-de-fundo-topicos);
    color: var(--mensagem-por-e-data);
    border-radius: 3px;
    border-bottom: 1px solid var(--cor-borda);
}
div#main-content .recentTopics .inner ul li.recentPost:hover {
   background-color: var(--cor-de-fundo-topicos-hover);
}
div#main-content .recentTopics .inner ul li.recentPost .small_links, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"] {
    margin-left: 9px;
}
div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:link, div#main-content .recentTopics .inner ul li.recentPost a[href^="/t"]:visited {
    color: var(--titulo-dos-topicos);
    font-weight: bold;
}
div#main-content .recentTopics .inner ul li.recentPost .small_links .creator_post {
    /*color: antiquewhite;*/
    color: var(--topico-iniciado-por);
}
.recentTopics ul {
  margin: 20px;
}
.recentTopics .inner {
    margin-bottom: 20px;
    padding: 5px;
    background-color: var(--fundo-de-fora);
}
div#main-content .recentTopics .inner ul li.recentPost .small_links a, .small_links, .small_links a {
    color: white!important;
}
 

Caso ainda não esteja como queira. Peço que deixe o seu fórum aberto como estava antes para eu certificar que estou alterando as coisas certas.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 15.03.18 2:14

poderia visualizar meu forum encima daquele lugar que fica o titulo do ultimos assuntos fica um negocio.
estou usando esse codigo aqui :
Código:
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
  --fundo-de-fora: #69b;
  --titulo-ultimos-assuntos: #fff;
  --borda-topo-do-titulo-ultimos-assuntos: #0000;
  --borda-baixo-do-titulo-ultimos-assuntos: #0000;
  --titulo-dos-topicos: #69b;
  --topico-iniciado-por: #69b;
  --mensagem-por-e-data: #000000;
  --cor-borda: #ffff;
  --cor-de-fundo-topicos: #f7f7f7;
  --cor-de-fundo-topicos-hover: #f6f4d0;
}
 
 
/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: #69b;
    padding: 7px;
    border-radius: 0px;
    color: white;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    margin: 0;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: var(--cor-de-fundo-topicos);
    color: var(--mensagem-por-e-data);
    border-radius: 3px;
    border-bottom: 1px solid var(--cor-borda);
}
.recentTopics .inner {
    margin-bottom: 5px;
    padding: 5px;
    background-color: var(--fundo-de-fora);
}


Última edição por yGold em 15.03.18 2:45, editado 2 vez(es)
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 15.03.18 2:20

Este erro e por causa de alguma coisa em seu CSS. O código fornecido acima está normal e eu testei.

Forneça a sua Folha de estilo CSS que eu mesmo poderei adicionar para você.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 15.03.18 3:08

Código:
a[href^="/u"] span[style^="color:#F50505"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #00e1ff;
}

a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
a.mainmenu[href="/groups"]{
display: none !important;
}
   
    a[href^="/u"] span[style^="color:#FF0073"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #FF0073;
}

    a[href^="/u"] span[style^="color:#C74098"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #C74098;
}

    a[href^="/u"] span[style^="color:#FFF200"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #FFF200;
}

    a[href^="/u"] span[style^="color:#15DBCB"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #15DBCB;
}

    a[href^="/u"] span[style^="color:#00FF77"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #00FF77;
}
   
    a[href^="/u"] span[style^="color:#4028C7"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #4028C7;
}
   
    a[href^="/u"] span[style^="color:#C7AF10"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #C7AF10;
}
   
    a[href^="/u"] span[style^="color:#B00EE6"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #B00EE6;
}
   
a[href="/g2-fundador"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #F50505;
}

a[href="/g4-vip"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #FFF200;
}
   
a[href="/g5-socio"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #15DBCB;
}
   
a[href="/g6-admin"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #C74098;
}
   
a[href="/g7-helper"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #00FF77;
}

a[href="/g8-moderador"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #4028C7;
}
   
a[href="/g9-lider"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #C7AF10;
}
   
a[href="/g10-dono"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #B00EE6;
}
   
a[href="/g11-sub-dono"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #FF0073;
}
   
a[href="/g12-membro"] {
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
text-shadow: 0 0 3px #898E8F;
}

/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}
 
/*Remover espaço do widget direito*/
#content-container div#container {
  margin-right: 0;
}
 
/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
  --fundo-de-fora: #69b;
  --titulo-ultimos-assuntos: #fff;
  --borda-topo-do-titulo-ultimos-assuntos: #0000;
  --borda-baixo-do-titulo-ultimos-assuntos: #0000;
  --titulo-dos-topicos: #69b;
  --topico-iniciado-por: #69b;
  --mensagem-por-e-data: #000000;
  --cor-borda: #ffff;
  --cor-de-fundo-topicos: #f7f7f7;
  --cor-de-fundo-topicos-hover: #f6f4d0;
}
 
 
/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: #69b;
    padding: 7px;
    border-radius: 0px;
    color: white;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    margin: 0;
    text-indent: 12px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: var(--cor-de-fundo-topicos);
    color: var(--mensagem-por-e-data);
    border-radius: 3px;
    border-bottom: 1px solid var(--cor-borda);
}
.recentTopics .inner {
    margin-bottom: 5px;
    padding: 5px;
    background-color: var(--fundo-de-fora);
}
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 15.03.18 3:59

Vejo que o código está aplicado
http://prntscr.com/ire0jv


Troque  a folha de estilo CSS por esta.:
Código:
a[href^="/u"] span[style^="color:#F50505"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #00e1ff;
}
 
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
a.mainmenu[href="/groups"]{
display: none !important;
}
  
    a[href^="/u"] span[style^="color:#FF0073"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #FF0073;
}
 
    a[href^="/u"] span[style^="color:#C74098"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #C74098;
}
 
    a[href^="/u"] span[style^="color:#FFF200"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #FFF200;
}
 
    a[href^="/u"] span[style^="color:#15DBCB"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #15DBCB;
}
 
    a[href^="/u"] span[style^="color:#00FF77"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #00FF77;
}
  
    a[href^="/u"] span[style^="color:#4028C7"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #4028C7;
}
  
    a[href^="/u"] span[style^="color:#C7AF10"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #C7AF10;
}
  
    a[href^="/u"] span[style^="color:#B00EE6"] {
    background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
    text-shadow: 0 2px 6px #B00EE6;
}
  
a[href="/g2-fundador"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #F50505;
}
 
a[href="/g4-vip"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #FFF200;
}
  
a[href="/g5-socio"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #15DBCB;
}
  
a[href="/g6-admin"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #C74098;
}
  
a[href="/g7-helper"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #00FF77;
}
 
a[href="/g8-moderador"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #4028C7;
}
  
a[href="/g9-lider"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #C7AF10;
}
  
a[href="/g10-dono"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #B00EE6;
}
  
a[href="/g11-sub-dono"] {
background: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 5px #FF0073;
}
  
a[href="/g12-membro"] {
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
text-shadow: 0 0 3px #898E8F;
}
 
/*Remove primeiro widget da direita para ultimos assuntos*/
#wrapper #right .module:first-child {
    display: none;
    position: absolute;
}
 
/*Remover espaço do widget direito*/
#content-container div#container {
  margin-right: 0;
}
 
/*
Área de edição dos últimos assuntos em relação á cores
*/
:root {
/*Só altere os valores hexadecimais que começa com #*/
  --fundo-de-fora: #69b;
  --titulo-ultimos-assuntos: #fff;
  --borda-topo-do-titulo-ultimos-assuntos: #0000;
  --borda-baixo-do-titulo-ultimos-assuntos: #0000;
  --titulo-dos-topicos: #69b;
  --topico-iniciado-por: #69b;
  --mensagem-por-e-data: #000000;
  --cor-borda: #afaaaa;
  --cor-de-fundo-topicos: #f7f7f7;
  --cor-de-fundo-topicos-hover: #f6f4d0;
}
 
 
/*Widget últimos assuntos personalizado*/
div#main-content .recentTopics .inner div.h3 {
    background-color: #69b;
    padding: 20px;
    border-radius: 0px;
    color: white;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    margin: 0;
    text-indent: 10px;
}
div#main-content .recentTopics .inner ul li.recentPost {
    background-color: var(--cor-de-fundo-topicos);
    color: var(--mensagem-por-e-data);
    border-radius: 3px;
    border-bottom: 1px solid var(--cor-borda);
}
.recentTopics .inner {
    margin-bottom: 5px;
    padding: 5px;
    background-color: var(--fundo-de-fora);
}

Resultado esperado: http://prntscr.com/ire2gq
E veja se encontrou o resultado que queria.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por yGold 15.03.18 13:34

ei tipo tlg o widget que precisa colocar ele deixa mo espaço em branco do lado direito do forum tem como tirar aquele espaço ?
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 15.03.18 21:03

Para remover por completo é assim -> Adicione ao final de sua folha de estilo CSS
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Código:
/*Remover espaço do widget lado direito*/
#content-container div#content {
    margin-right: 0px;
}
/* FIM DO CÓDIGO*/


Se quiser utilizar igual a imagem recomendo que configure e utilize os widgets do lado esquerdo <-
Mas, mantenha os últimos assuntos ativado no lado direito do seu fórum em widgets ->

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: Como colocar ultimos post !

Mensagem por yGold 15.03.18 21:36

obrigado
yGold

yGold
Novo Membro

Membro desde : 11/03/2018
Mensagens : 26
Pontos : 44

http://brasilpls.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar ultimos post !

Mensagem por virus 15.03.18 21:40

Por via de dúvidas crie um outro tópico na área respectiva ao assunto.
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
virus

virus
Membro

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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