Colocar mini ícones atrás de títulos

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

Resolvido Colocar mini ícones atrás de títulos

Mensagem por IsmaelS. em 12/03/17, 06:45 pm

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, 12:05 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Colocar mini ícones atrás de títulos

Mensagem por Kyo Panda em 13/03/17, 10:02 am

Troque o código por esse:

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/
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Colocar mini ícones atrás de títulos

Mensagem por IsmaelS. em 13/03/17, 12:05 pm

Resolvido, obrigado!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar mini ícones atrás de títulos

Mensagem por Kyo Panda em 13/03/17, 01:27 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum