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
» Ficha de personagem "invisível"
Hoje à(s) 07:22 pm por Glauco Vitorino

» Remover Legenda dos Botões do Menu
Hoje à(s) 06:57 pm por Luiz~

» Avatar Gif
Hoje à(s) 06:32 pm por Yeshua

» Como vender produtos pelo fórum via PagSeguro?
Hoje à(s) 05:19 pm por Shek

» Informações tooltip
Hoje à(s) 05:16 pm por Ramon Rodrigues

» quanto tempo vcs estao no forumeiros?
Hoje à(s) 12:04 pm por Shek

» Problema de com aparência dos fóruns e sub fóruns
Hoje à(s) 11:24 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Sennior
 
Flames
 
Holkis
 
Blackfyre
 

Quem está conectado
292 usuários online :: 11 usuários cadastrados, 1 Invisível e 280 Visitantes :: 2 Motores de busca

[K]oke, Br_SP_Rodrigo, Connor R., Glauco Vitorino, Helielto, Higor Soares, Jefferson105, Luiz~, Ramon Rodrigues, rlmac, Sovereign

[ 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 : 2768
Pontos Ativos : 3863

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/


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4744

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 : 2768
Pontos Ativos : 3863

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


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3470
Pontos Ativos : 4744

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