Legenda ModernBB

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.

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/

Continua da mesma forma.

Olá!

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

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!

RafaelS. escreveu:Olá!

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

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

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;
}

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?

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

Código:

.block-footer {
    font-size: 0px;
    text-align: center;
}

Não mudou em nada.

Pode postar sua CSS aqui, por favor?

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;
}

É. 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/

É 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.)

Sim.

Resolvido obrigado.