Adicionar barrinhas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar barrinhas

Mensagem por YouTube3 em 10/04/16, 09:43 am

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: http://i.imgur.com/BSL4okI.jpg até.


Última edição por YouTube3 em 12/04/16, 10:02 am, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Adicionar barrinhas

Mensagem por Sennior em 10/04/16, 08:36 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar barrinhas

Mensagem por YouTube3 em 10/04/16, 09:14 pm

Olá, @Sennior

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Adicionar barrinhas

Mensagem por Sennior em 11/04/16, 12:37 pm

Saudações!

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar barrinhas

Mensagem por YouTube3 em 11/04/16, 01:23 pm

Opá sennior
Tive que mandar CSS: via MP
pois não estáva dando para mandar no tópico.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Adicionar barrinhas

Mensagem por YouTube3 em 11/04/16, 07:02 pm

avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Adicionar barrinhas

Mensagem por Cepheus em 11/04/16, 09:35 pm

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Adicionar barrinhas

Mensagem por YouTube3 em 12/04/16, 08:28 am

Olá Cepheus

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Adicionar barrinhas

Mensagem por Cepheus em 12/04/16, 08:41 am

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Adicionar barrinhas

Mensagem por YouTube3 em 12/04/16, 10:01 am

Resolvido pode fechar
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com

Resolvido Re: Adicionar barrinhas

Mensagem por GSCode em 12/04/16, 10:08 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

Ver perfil do usuário http://testforumbrasil.forumeiros.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum