Como colocar ultimos post !

Detalhes da questão

Descrição

virus escreveu:

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

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

Painel de Controle Módulos HTML & JAVASCRIPT 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.

virus escreveu:Olá, verifique se a sua gestão de códigos javascript está com opção ativada no gerenciamento.
Painel de Controle Módulos HTML & JAVASCRIPT 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é.

virus escreveu:Painel de Controle Módulos Portal & Widgets Gestão dos widgets do fórum
Procure o widget Tópicos recentes e clique em modificar

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.

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

Até mais!

Painel de Controle Visualização Imagens e Cores 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;
}


virus escreveu:Humm..
Adicione isto a sua folha de estilo CSS
Painel de Controle Visualização Imagens e Cores 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
Até.

virus escreveu: 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é.

Painel de Controle Visualização Imagens e Cores 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;
}



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


virus escreveu:Altere o código CSS anterior por este:
Painel de Controle Visualização Imagens e Cores 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/

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

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

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

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

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

Painel de Controle Visualização Imagens e Cores Cores

Código:

/*Remover espaço do widget lado direito*/
#content-container div#content {
    margin-right: 0px;
}
/* FIM DO CÓDIGO*/