Como alterar o layout da palavra "anúncio global, anúncio"
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como alterar o layout da palavra "anúncio global, anúncio"
Detalhes da questão
Endereço do fórum: https://lucianomicle.foroactivo.com/
Versão do fórum: phpBB3
Descrição
Saudações meus amigos! Como estão?
Eu quero saber como alterar o design da palavra simples "anúncio, anúncio global" para este design-
exemplo:
- Spoiler:
Re: Como alterar o layout da palavra "anúncio global, anúncio"
Olá @LucianoMicle,
Edite o seu topics_list_box (template em geral) e encontre:
Na sua folha de estilo adicione:
Atenciosamente,
pedxz.
Edite o seu topics_list_box (template em geral) e encontre:
- Código:
{topics_list_box.row.TOPIC_TYPE}
- Código:
<span data-topic-type>{topics_list_box.row.TOPIC_TYPE}</span>
Na sua folha de estilo adicione:
- Código:
.announcement [data-topic-type] {
box-sizing: border-box;
background-image: url(https://i.imgur.com/EHGpChd.png);
background-color: rgb(123, 166, 13);
line-height: 1;
padding: 3px;
font-size: 12px;
cursor: default;
font-weight: bold;
text-transform: uppercase;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
color: rgb(255, 255, 255);
display: inline-flex;
}
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Como alterar o layout da palavra "anúncio global, anúncio"
Na sua folha de estilo, abaixo de:
- Código:
.announcement [data-topic-type] {
- Código:
margin-right: .75rem;
Última edição por pedxz em Dom 9 maio 2021 - 10:26, editado 1 vez(es) (Motivo da edição : Correção)
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Como alterar o layout da palavra "anúncio global, anúncio"
Adicione no código que o pedxz lhe passou mais esse CSS
Resultado https://prnt.sc/12p4r8b
- Código:
margin-right: .5rem;
Resultado https://prnt.sc/12p4r8b
Re: Como alterar o layout da palavra "anúncio global, anúncio"
Muito obrigado @Harleen ! Funcionou corretamente. saudações
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos