Personalizar Tags

Detalhes da questão

Endereço do fórum: http://familiawarning.forumeiros.com
Versão do fórum: PunBB

Descrição

Então, eu não sei bem se ísto são tags's mas não achei outro termo para abrir o tópico


Eu quero alterar está parte do meu fórum, está totalmente limpo e sem graça gostaria de fazer algumas alterações
No meu fórum está assim:
http://prntscr.com/ejzvk4

Gostaria de deixar assim
http://prntscr.com/ejzvs2

fórum que vi tal sistema
http://www.brasilplayshox.com.br/forum

Olá autor, boa tarde.

Isto se chama crumbs, adicione esse código em sua folha de estilo css:

Código:

 .pun-crumbs {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    background: #F3F3F3;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    margin-top: 10px;
    }
    p.crumbs {
    color: #F3F3F3;
    }
    .pun-crumbs p {
    color: #666;
    font-size: 1.11em;
    line-height: 1.5;
    margin: 0;
    }
    p.crumbs a {
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
    color: #777!important;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
    }

Até mais.

Obrigado por me corrigir, então até que funcionou.

A parte de cima está desta forma
http://prntscr.com/ek0bge

A parte de baixo está desta forma
http://prntscr.com/ek0bt3

Eu gostaria que a de cima ficasse igual a de baixo, poderia me ajudar ou tem que ficar desta forma?

Isto é devido ao template, acesse:

Painel de Controle -> Visualização -> Templates -> Geral

Clique na engrenagem que fica na coluna do viewtopic_body, veja a imagem a seguir:


Após feito isto, vai abrir isto:



Coloque na barra de busca: "noprint" , dessa forma como mostra na foto:



Após isto clique em buscar e irá direto a parte do código, selecione o que eu selecionei e troque pelo código que deixarei de baixo da foto:



Retirar isto:

Código:

<div class="pun-crumbs noprint clearfix">
   <span class="crumbs">
      <a href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}"><span>{TOPIC_TITLE}</span></a></strong>
    </span>

Troque/Coloque isto:

Código:

<div class="pun-crumbs">
   <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
   </p>
</div>

Após isto clique em salvar, e não acabou [...] Vais ver que estará ao lado novos icones e escrito: Em esperar ao lado do template viewtopic_body, você deve apertar no icone de confirmar, e depois veja o resultado.



Até mais.

Ficou perfeito, obrigado !

Resultou.