Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» (PEDIDO) Ranks
Hoje à(s) 05:26 am por mrvisible

» Botão enviar e pré-visualizar
Hoje à(s) 01:46 am por Baki

» [Pedido] Banner ®
Hoje à(s) 01:37 am por -xGabriel..

» Botões padrões tema pokemon
Hoje à(s) 12:54 am por APOllO

» Fim do rodapé
Ontem à(s) 11:34 pm por PrisoN†BreaK

» Overall_Header
Ontem à(s) 10:26 pm por iScroll

» Bug na mensagem em citação?
Ontem à(s) 09:40 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
250 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 249 Visitantes :: 2 Motores de busca

mrvisible

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 2770
Pontos Ativos : 3865

http://master-publicitario.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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

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 : 2770
Pontos Ativos : 3865

http://master-publicitario.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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

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