Colocar mini ícones atrás de títulos

2 participantes

Ir para baixo

Tópico resolvido Colocar mini ícones atrás de títulos

Mensagem por IsmaelS. 12.03.17 21:45

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:
Colocar mini ícones atrás de títulos Sem_ty13

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)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar mini ícones atrás de títulos

Mensagem por Kyo Panda 13.03.17 13:02

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/
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar mini ícones atrás de títulos

Mensagem por IsmaelS. 13.03.17 15:05

Resolvido, obrigado!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar mini ícones atrás de títulos

Mensagem por Kyo Panda 13.03.17 16:27

Colocar mini ícones atrás de títulos Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos