Legenda ModernBB

3 participantes

Ir para baixo

Tópico resolvido Legenda ModernBB

Mensagem por [SRD]JimClark 17.09.17 23:45

Detalhes da questão


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

Descrição


A um tempo atrás criei esse tópico: https://ajuda.forumeiros.com/t108589-legenda-modernbb?highlight=Legenda pedindo um código pra deixar a legenda assim: http://prntscr.com/gmdssq naquele tempo o CSS funcionou mas hoje não funciona mais, se alguem puder me ajudar agradeço.


Última edição por [SRD]JimClark em 18.09.17 21:49, editado 1 vez(es)
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por Luiz 18.09.17 17:06

Adicione ao final de sua CSS:
Código:
.block-footer {
  background: #fff 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;
  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 a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-right: 15px;
  transition: .3s;
}
 
.block-footer a:hover {
  background: #DDD;
  padding: 12px 10px 9px;
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 17:39

Continua da mesma forma.
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por RafaelS. 18.09.17 18:21

Olá!

Amigo, primeiramente apague todos os códigos acima passados! Feliz

Depois disso adicione este:

Código:
.block-footer strong {
    display:none;
}
.block-footer {
    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;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}

Até mais!
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 18:24

RafaelS. escreveu:Olá!

Amigo, primeiramente apague todos os códigos acima passados! Feliz

Depois disso adicione este:

Código:
.block-footer strong {
    display:none;
}
.block-footer {
    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;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}

Até mais!

Agora a legenda sumiu
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por RafaelS. 18.09.17 18:29

Olá!

Nesse caso troque por este:

Código:
.block-footer {
    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;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;

  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 18:31

Não ficou como queria, só tirou o "Legenda:" mas se de alguma forma eu possa retirar os colchetes e centralizar os grupos poderia me dizer?
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por RafaelS. 18.09.17 18:35

Coloque este código no inicio da sua folha de estilos.

Código:
.block-footer {
    font-size: 0px;
    text-align: center;
}
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 18:46

Não mudou em nada.
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por Luiz 18.09.17 19:53

Pode postar sua CSS aqui, por favor?
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 20:15

Meu CSS:
Código:
//Legenda 1
.block-footer {
    font-size: 0px;
    text-align: center;
}
// Menu fórum
 div#page-header {
    border-bottom: 3px solid red;
    border-top: 3px solid red;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #2BFF00!important;
}

//Borda fórum
.forabg > .topiclist:first-child {
    border-bottom: 1px solid #2BFF00;
    box-shadow: #2BFF00 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}
//Banner fórum
a#logo img[src="https://i.imgur.com/ABxjyx7.jpg"]
{
  display: none;
}
 
.headerbar {
  background-image: url(https://i.imgur.com/ABxjyx7.jpg);
  background-size: cover;
}
.headerbar {
height: 140px;
}

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 12px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #202224;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #2BFF00;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

//Legenda
.block-footer {
    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;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}

//Avisos chatbox
#chatbox:after {
content: '[BOT NFS] Crie um tópico de recrutamento para entrar no clã.' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por Luiz 18.09.17 20:25

É. Tinha um grande erro no seu CSS.
Você estava criando comentários de maneira errada, por exemplo:
Código:
// Menu
A forma acima está errada. O Correto é:
Código:
/* Comentário aqui. */

Enfim, troque por:
Código:
.block-footer {
    font-size: 0px;
    text-align: center;
}

 div#page-header {
    border-bottom: 3px solid red;
    border-top: 3px solid red;
}
.is-sticky#headerbar-top {
    border-bottom: 3px solid #2BFF00!important;
}
 

.forabg > .topiclist:first-child {
    border-bottom: 1px solid #2BFF00;
    box-shadow: #2BFF00 0 -2px 0 inset;
}
.forabg.hidden {
    background-color: rgba(42,44,51,0.71);
}

a#logo img[src="https://i.imgur.com/ABxjyx7.jpg"]
{
  display: none;
}
 
.headerbar {
  background-image: url(https://i.imgur.com/ABxjyx7.jpg);
  background-size: cover;
}
.headerbar {
height: 140px;
}
 
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 12px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #202224;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #2BFF00;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
 

.block-footer {
    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;
    font-size: 0px;
    padding: 10px 8px 7px 5px;
    text-align: center;
}
.block-footer b {
    font-size: 13px;
}
.block-footer strong {
    display:none;
}
.block-footer a {
  font-size: 14px;
  font-style: normal;
 
  margin-right: 15px;
  transition: .3s;
}
.block-footer a:hover {
  background: #ddd;
  padding: 12px 10px 9px;
}
 
#chatbox:after {
content: '[BOT NFS] Crie um tópico de recrutamento para entrar no clã.' !important;
background: url('http://i.imgur.com/QWzWG1j.png') left center no-repeat !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
background-color: transparent !important;
border: 1px solid green !important;
color: green !important;
display: block !important;
font-size: 12px !important;
padding: 10px !important;
padding-left: 35px !important;
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 21:22

É pra trocar todo o meu css por este código? (Obrigado funcionou, inclusive ao me avisar sobre o comentário ainda ativou outros css's que eu não tinha notado que não estavam a funcionar, agradeço mesmo.)


Última edição por [SRD]JimClark em 18.09.17 21:24, editado 1 vez(es)
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por Luiz 18.09.17 21:22

Sim.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por [SRD]JimClark 18.09.17 21:49

Resolvido obrigado.
[SRD]JimClark
[SRD]JimClark
***

Membro desde : 15/08/2016
Mensagens : 109
Pontos : 201

http://ccm-npc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Legenda ModernBB

Mensagem por Luiz 18.09.17 21:55

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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