Caixa atrás da legenda e efeito.
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Caixa atrás da legenda e efeito.
Detalhes da questão
Endereço do fórum: http://gtxarena.forumeiros.com
Versão do fórum: Invision
Descrição
Olá, queria saber como fazer para colocar uma caixa atrás da legenda como uma cor de fundo e também como colocar efeito, como no exemplo abaixo:
https://imgur.com/a/HLDqC
Última edição por ZcFc em 20.07.17 4:32, editado 1 vez(es)
Re: Caixa atrás da legenda e efeito.
Olá, isso vai depender se esse tópico está resolvido, pois teremos que mudar algumas coisas no CSS
Até mais
Até mais
Re: Caixa atrás da legenda e efeito.
Aquele dúvida já está resolvida! Agora eu preciso de ajuda para resolver esta.
Re: Caixa atrás da legenda e efeito.
Olá, troque aquele CSS por esse
Ficará assim http://prntscr.com/fxw7kf
Editado
Se preferir use esse
Resultado http://prntscr.com/fxw8j4
Seria isso? Até mais
- Código:
#legend {
width: 61%;
text-align: center;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
padding: 8px 8px 9px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#legend a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#legend a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
Ficará assim http://prntscr.com/fxw7kf
Editado
Se preferir use esse
- Código:
#legend a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#legend a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
Resultado http://prntscr.com/fxw8j4
Seria isso? Até mais
Última edição por Harleen em 20.07.17 4:13, editado 1 vez(es) (Motivo da edição : adicionar mais um efeito)
Re: Caixa atrás da legenda e efeito.
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Efeito gliter na legenda dos rank
» Efeito na legenda
» Como centralizar caixa de legenda dos icones do topico
» Efeito na legenda do rodapé
» Mover caixa de legenda de icones
» Efeito na legenda
» Como centralizar caixa de legenda dos icones do topico
» Efeito na legenda do rodapé
» Mover caixa de legenda de icones
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos