Detalhes da questão

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

Descrição

Olá! bom queria saber como posso fazer, para adicionar essas barrinhas?
IMAGEM: https://i.imgur.com/BSL4okI.jpg até.

Saudações!

Tem que ser do mesmo jeito que do fórum mostrado? Se sim, mande-nos o link por gentoleza.
Por via, cá esta o código CSS:

Código:

.pun-crumbs {
    font-size: 9px; /*TAMANHO DA LETRA*/
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 34px;
    margin: 0px 1px 10px;
    overflow: hidden;
    padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
    color: transparent;
}
p.crumbs a {
    background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
    color: #757575 !important;
    line-height: 30px;
    margin-left: -14px;
    padding: 10px 20px 10px 25px;
    position: relative;
    text-shadow: 0px 1px 0px #FFF;
    transition: none 0s ease 0s;
}
p.crumbs a:hover {
    background-position: 100% -44px;
}.pun-crumbs {
    font-size: 9px; /*TAMANHO DA LETRA*/
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 34px;
    margin: 0px 1px 10px;
    overflow: hidden;
    padding: 0.2em 1em;
}
.pun .pun-crumbs .crumbs {
    color: transparent;
}
p.crumbs a {
    background: transparent url("http://i39.servimg.com/u/f39/11/55/08/10/pun-cr10.png") no-repeat scroll 100% -1px;
    color: #757575 !important;
    line-height: 30px;
    margin-left: -14px;
    padding: 10px 20px 10px 25px;
    position: relative;
    text-shadow: 0px 1px 0px #FFF;
    transition: none 0s ease 0s;
}
p.crumbs a:hover {
    background-position: 100% -44px;
}

Valide e visualize teu fórum.
Não esqueça de adicionar o código acima no inicio de teu CSS.

Abraços.
Sennior

Olá, @Sennior

Bom Vê-lo novamente.
está aqui: http://www.forum-webtools.com/

Saudações!

Por gentileza, mande-nos o teu código CSS.
Até mais.
Sennior

O que está pedindo já existe em seu fórum veja:

Olá Cepheus

sim ja existe pórem eu quero que ele fique giratorio.

Adicione na sua folha de estilo css:

Código:

*, :after, :before {
    -moz-transition: background .5s ease-out;
    -ms-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    -webkit-transition: background .5s ease-out;
}

Resolvido pode fechar