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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 07:41 pm por Lost154

» Publicidade bugada
Ontem à(s) 07:31 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
246 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 243 Visitantes :: 2 Motores de busca

IsmaelS., MARCUS198O, virus

[ 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 : 2833
Pontos Ativos : 3931

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/


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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 : 2833
Pontos Ativos : 3931

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".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4321
Pontos Ativos : 5618

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