Legenda com erro

2 participantes

Ir para baixo

Tópico resolvido Legenda com erro

Mensagem por Jhonny_. 30.01.19 22:23

Detalhes da questão


Endereço do fórum: http://bplgames.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Bom atualmente eu uso este código:
Código:
.block-footer a {
  font-size: 14px;
  font-style: normal;
  font-weight: 1500;
  margin-right: 15px;
  transition: .3s;
}

.block-footer {
  background: #fff url(https://i.servimg.com/u/f41/17/41/76/40/grey-u10.png)  repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 7px;
  color: transparent;
  display: block;
  margin: 0 auto;
  margin-top: 20px!important;
  padding: 10px 8px 7px 5px;
  text-align: center!important;
  width: 61%!important;
  font-size: 0px;
}
 
.block-footer {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    padding: 12px 18px;
    text-align center;
}

.block-footer a:hover {
  background: #DDD;
  padding: 14px 13px 12px;
}

Para gerar um efeito de uma legenda, só que essa legenda não está totalmente 100%, ou seja, ela não ficou da maneira que eu quis!


Como está:


Como eu quero:


Onde vi a legenda: http://nwdgames.forumbrasil.net/

Ao aguardo,

Jhonny_.
Jhonny_.
Jhonny_.
***

Membro desde : 04/09/2018
Mensagens : 184
Pontos : 298

http://bplgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda com erro

Mensagem por Roevs 31.01.19 0:40

Olá,

Substitua o seu código por esse

Código:

.block-footer a {
  font-size: 14px;
  font-style: normal;
  font-weight: 1500;
  margin-right: 15px;
  transition: .3s;
}
 
.block-footer {
  background: #fff url(https://i.servimg.com/u/f41/17/41/76/40/grey-u10.png)  repeat-x scroll left bottom;
  border: 2px solid #DDD;
  border-radius: 7px;
  color: transparent;
  display: block;
  margin: 0 auto;
  margin-top: 20px!important;
  padding: 10px 8px 7px 5px;
  text-align: center!important;
  width: 103%!important;
  font-size: 0px;
}
 
.block-footer {
    background-color: #f0f0f0;
    border-color: rgba(0,0,0,0.05);
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 18px -18px -18px;
    padding: 12px 18px;
    text-align center;
}
 
.block-footer a:hover {
  background: #DDD;
  padding: 14px 13px 12px;
}

Até mais.
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda com erro

Mensagem por Jhonny_. 31.01.19 0:44

Obrigado @AquilesD. pela ajuda, funcionou muito bem!

Até mais.
Jhonny_.
Jhonny_.
***

Membro desde : 04/09/2018
Mensagens : 184
Pontos : 298

http://bplgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda com erro

Mensagem por Roevs 31.01.19 0:45

Tópico resolvido


Movido para "Questões resolvidas".
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.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