Novidades no topo do Fórum

[Convidado]

Detalhes da questão

Endereço do fórum: https://roxzone.forumbrasil.net/
Versão do fórum: ModernBB

Descrição

Olá boa tarde, procuro algo parecido como a área de novidades do fórum



e gostaria poder trocar esta borda azul por uma imagem:

por essa : https://i.servimg.com/u/f66/20/16/53/20/f44c1610.jpg


GRATO.

[tikky]

Olá @LuanMota,

Aceda ao Painel administrativo > Visualização > Página inicial > Geral em "Conteúdo da mensagem" use o seguinte código:

Código:

<div style="margin-right: 1rem;" class="module">
              
 <div class="h3">
      Titulo 1    
 </div>
  
 <ul>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 </ul>
            
</div>
<div style="flex: 1;" class="module">
              
 <div class="h3">
      Titulo 2    
 </div>
      
 <ul>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 <li>
  <a href="#">Link 1</a>  
 </li>
  
 </ul>
    
</div>
 <style>
.panel.introduction, .panel.introduction * {
    box-sizing: border-box;
}

.panel.introduction {
    background-color: transparent;
    box-shadow: none;
}

.panel.introduction > .mes-txt {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row wrap;
}

div.mes-txt ul {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 155px;
}
</style>

Atenciosamente,
pedxz.

[Convidado]

Ficou ótimo, obrigado.

resolvido.

[tikky]

Tópico resolvido Movido para "Questões resolvidas".