Adicionar código CSS em um widget

4 participantes

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

Tópico resolvido Adicionar código CSS em um widget

Mensagem por @thyago.rico 31.10.21 2:28

Detalhes da questão


Endereço do fórum: https://policialphs.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Eu não consigo que no meu fórum um design que fiz, quero ajuda pra colocar no meu fórum.

Código:
.header-box .box-title {
   display: block;
   font-size: 15px;
   background: ;
   padding: 10px;
   border-bottom: 1px solid #dcdcdc91;
}
 
.header-box .box-content a {
   display: block;
   padding: 10px;
   background: #2c353b;
   font-family: Calibri;
   color: white;
   margin: 2px;
   border-radius: 5px;
}
 
.header-box {
   text-align: center;
}
 
.header-box a[href="/login?logout"] {
   display: block;
   padding: 10px;
   background: #862f2f;
   font-family: Calibri;
   color: white;
   margin: 2px;
   border-radius: 5px;
}
 
.header-box input {
   background: transparent;
   font-family: Calibri;
   text-transform: uppercase;
   font-size: 10px;
   letter-spacing: 1px;
   color: white;
}
 
.header-box .box-avatar {
   margin: 20px;
}
 
.header-box .box-avatar img {
   margin-bottom: 10px;
}

é pra ser um Widget


meu fórum é: https://policialphs.forumeiros.com/
@thyago.rico

@thyago.rico
Nível 1

Masculino
Membro desde : 03/07/2021
Mensagens : 4
Pontos : 8

https://policialphs.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Adicionar código CSS em um widget

Mensagem por pedxz 31.10.21 15:05

Olá @@thyago.rico,

Altere o seu código para:
Código:
<style>
.header-box .box-title {
          display: block;
          font-size: 15px;
          background: ;
          padding: 10px;
          border-bottom: 1px solid #dcdcdc91;
        }
       
        .header-box .box-content a {
          display: block;
          padding: 10px;
          background: #2c353b;
          font-family: Calibri;
          color: white;
          margin: 2px;
          border-radius: 5px;
        }
       
        .header-box {
          text-align: center;
        }
       
        .header-box a[href="/login?logout"] {
          display: block;
          padding: 10px;
          background: #862f2f;
          font-family: Calibri;
          color: white;
          margin: 2px;
          border-radius: 5px;
        }
       
        .header-box input {
          background: transparent;
          font-family: Calibri;
          text-transform: uppercase;
          font-size: 10px;
          letter-spacing: 1px;
          color: white;
        }
       
        .header-box .box-avatar {
          margin: 20px;
        }
       
        .header-box .box-avatar img {
          margin-bottom: 10px;
        }</style>
Atenciosamente,
pedxz.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7139
Pontos : 8370

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar código CSS em um widget

Mensagem por Lobs 03.11.21 4:47

Olá @@thyago.rico

Uma pequena observação, que você pode usar no futuro caso esse seja o sentido da sua dúvida: se você quiser que os códigos CSS se apliquem somente aos widgets que estão à esquerda do fórum, adicione um #left antes de cada código. Caso os widgets-alvo estejam na direita, adicione um #right ao invés de #left.

Por exemplo:

Código:
#left .header-box .box-title {
display: block;
font-size: 15px;
background: ;
padding: 10px;
border-bottom: 1px solid #dcdcdc91;
}

Atenciosamente,
Lobs zen
Lobs

Lobs
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar código CSS em um widget

Mensagem por Mpezin 05.11.21 7:31

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
Mpezin

Mpezin
Nível 9

Masculino
Membro desde : 28/05/2020
Mensagens : 184
Pontos : 173

https://ajuda.forumeiros.com/

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