Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Colocar mini ícones atrás de títulos
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Colocar mini ícones atrás de títulos
Detalhes da questão
Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Olá!
Queria colocar uns ícones alinhado com o título, os ícones queria onde estão os quadrados em vermelho:
- Código:
<div class="ucpbase">
<span class="ucptitle"><strong>Geral Master Publicitário</strong></span><br /><span class="ucpoption"><a href="/f10-">• Regras e Informações</a></span><br /><span class="ucpoption"><a href="/f11-">• Anúncios e Atualizações</a></span><br /><span class="ucpoption"><a href="/f26-">• Apresentação</a></span><br /><span class="ucpoption"><a href="/f3-">• Loja</a></span><br /><br /> <span class="ucptitle"><strong>Publicidade</strong></span><br /><span class="ucpoption"><a href="/f1-">• Criar Publicidade</a></span><br /><span class="ucpoption"><a href="/f4-">• Parcerias</a></span><br /><span class="ucpoption"><a href="/f3-">• Candidaturas</a></span><br /><span class="ucpoption"><a href="/f3-">• Dúvidas sobre Publicidade</a></span><br /><span class="ucpoption"><br /> <span class="ucptitle"><strong>Serviços para Usuários</strong></span><br /><span class="ucpoption"><a href="/f13-">• Criações Gráficas</a></span><br /><span class="ucpoption"><a href="/f34-">• Análises de fóruns</a></span><br /><span class="ucpoption"><a href="/f5-">• Serviços de Forumeiros</a></span><br /><br /><span class="ucptitle"><strong>Miscelânea</strong></span><br /><span class="ucpoption"><a href="/f8-">• Discussões Gerais</a></span><br /><span class="ucpoption"><a href="/f7-">• Sugestões e Melhorias</a></span><br /></span>
</div>
<br />
Última edição por IsmaelS. em 13.03.17 15:05, editado 1 vez(es)
Re: Colocar mini ícones atrás de títulos
Troque o código por esse:
E adicione ao seu CSS:
o/
- Código:
<div class="ucpbase">
<span class="ucptitle"><i class="fa fa-star"></i> <strong>Geral Master Publicitário</strong></span>
<br /><span class="ucpoption"><a href="/f10-">• Regras e Informações</a></span>
<br /><span class="ucpoption"><a href="/f11-">• Anúncios e Atualizações</a></span>
<br /><span class="ucpoption"><a href="/f26-">• Apresentação</a></span>
<br /><span class="ucpoption"><a href="/f3-">• Loja</a></span>
<br />
<br /> <span class="ucptitle"><i class="fa fa-star"></i> <strong>Publicidade</strong></span>
<br /><span class="ucpoption"><a href="/f1-">• Criar Publicidade</a></span>
<br /><span class="ucpoption"><a href="/f4-">• Parcerias</a></span>
<br /><span class="ucpoption"><a href="/f3-">• Candidaturas</a></span>
<br /><span class="ucpoption"><a href="/f3-">• Dúvidas sobre Publicidade</a></span>
<br />
<br /><span class="ucptitle"><i class="fa fa-star"></i> <strong>Serviços para Usuários</strong></span>
<br /><span class="ucpoption"><a href="/f13-">• Criações Gráficas</a></span>
<br /><span class="ucpoption"><a href="/f34-">• Análises de fóruns</a></span>
<br /><span class="ucpoption"><a href="/f5-">• Serviços de Forumeiros</a></span>
<br />
<br /><span class="ucptitle"><i class="fa fa-star"></i> <strong>Miscelânea</strong></span>
<br /><span class="ucpoption"><a href="/f8-">• Discussões Gerais</a></span>
<br /><span class="ucpoption"><a href="/f7-">• Sugestões e Melhorias</a></span>
<br />
</div>
<br />
E adicione ao seu CSS:
- Código:
.ucptitle {
position: relative;
}
.ucptitle .fa {
font-size: 10px;
position: absolute;
top: 3px;
left: -12px
}
o/
Re: Colocar mini ícones atrás de títulos
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos