Como colocar ultimos post !

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

Resolvido Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 06:43 pm

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
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 07:57 pm

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é!
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 08:08 pm

@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
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 08:47 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 09:06 pm

@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
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 09:28 pm

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.

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 10:38 pm

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

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 ?
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 10:43 pm

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

https://prnt.sc/ipwq2d

E configure de acordo com a imagem

http://prntscr.com/ipwqq7


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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 10:49 pm

@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

https://prnt.sc/ipwq2d

E configure de acordo com a imagem

http://prntscr.com/ipwqq7


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 ?
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 10:53 pm

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

Até mais!
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 10:56 pm

@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 ?
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 11:44 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 11/03/18, 11:55 pm

@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
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 11/03/18, 11:57 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 12/03/18, 12:00 am

@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 ?
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 12/03/18, 12:39 am

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/

avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 12/03/18, 12:52 am

@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
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 12/03/18, 02:23 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 14/03/18, 11:14 pm

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 14/03/18, 11:45 pm, editado 2 vez(es)
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 14/03/18, 11:20 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 15/03/18, 12:08 am

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);
}
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 15/03/18, 12:59 am

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 15/03/18, 10:34 am

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 ?
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 15/03/18, 06:03 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Como colocar ultimos post !

Mensagem por yGold em 15/03/18, 06:36 pm

obrigado
avatar

yGold
Nível 4

Masculino
Inscrito dia : 11/03/2018
Mensagens : 26
Pontos Ativos : 44

Ver perfil do usuário http://brasilpls.forumeiros.com/

Resolvido Re: Como colocar ultimos post !

Mensagem por virus em 15/03/18, 06:40 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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