Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» [Addon] Plugin /mute no chatbox
Hoje à(s) 12:12 pm por Tripa_Grossa

» Modificação do nome dos usuários
Hoje à(s) 11:36 am por FreedoM'

» Avatar Gif
Hoje à(s) 09:34 am por Yeshua

» Sobre o portal
Hoje à(s) 08:48 am por Kyo Panda

» Gerir assinatura nos tópicos
Hoje à(s) 08:37 am por Necr0

» Pintar ícones
Ontem à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Ontem à(s) 10:07 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Cannabis._.
 
Tiger
 
CAI0
 

Quem está conectado
256 usuários online :: 9 usuários cadastrados, 1 Invisível e 246 Visitantes :: 2 Motores de busca

[SRD]JimClark, Br_SP_Rodrigo, Kyo Panda, Luiz~, Ramon Rodrigues, rlmac, sandra51, Tripa_Grossa, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Ajuste em código de barra de votos

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

Resolvido Ajuste em código de barra de votos

Mensagem por Connor R. em 24/02/17, 09:04 am

Detalhes da questão


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

Descrição


Utilizo o código abaixo para obter um efeito nas barras de votação.



Código utilizado:

Código:

.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td img{content:""}
.module table[style="table-layout:auto;"] tbody tr td[width="4px"]{width:0}
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"]{background:url(https://i.imgur.com/gGg8bgb.png) no-repeat;background-position:-0 -54px;overflow:hidden;text-indent:-9999px;text-align:left}
.module table[style="table-layout:auto;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -0}
.module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -0}
.module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -0}
.module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -18px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -18px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -18px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -36px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -36px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -54px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"]{background-position:-0 -54px}
.module .main-content table[style="table-layout:fixed"]{background:#fafafa;background-image:linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);background-size:10px 10px;border:#e1e1e1 1px solid;border-radius:5px;overflow:hidden;-webkit-box-shadow:inset 1px -1px 9px -1px rgba(181,181,181,1);-moz-box-shadow:inset 1px -1px 9px -1px rgba(181,181,181,1);box-shadow:inset 1px -1px 9px -1px rgba(181,181,181,1)}

No entanto, o efeito não ocorre na barra de membros mais marcados, observe abaixo.



Teria como o efeito também ocorrer neste widget?


Última edição por Connor R. em 27/02/17, 02:28 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 922
Pontos Ativos : 1510

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Ajuste em código de barra de votos

Mensagem por Kyo Panda em 27/02/17, 11:19 am

Poderia ativar o Widget para darmos uma olhada? Acredito ambos os Widgets deveriam vir com as propriedades para exibir as barras normalmente.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3513
Pontos Ativos : 4762

http://ajuda.forumeiros.com

Resolvido Re: Ajuste em código de barra de votos

Mensagem por Connor R. em 27/02/17, 12:01 pm

@Kyo Panda

Aqui, estão ativados no Portal.

http://somosmugiwara.forumeiros.com/portal
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 922
Pontos Ativos : 1510

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Ajuste em código de barra de votos

Mensagem por Kyo Panda em 27/02/17, 01:03 pm

Troque por esse:

Código:
 
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td img,
.module table[style="table-layout: fixed;"] tbody tr td > table tbody tr td img{content:""}
.module table[style="table-layout:auto;"] tbody tr td[width="4px"],
.module table[style="table-layout: fixed;"] tbody tr td[width="4px"] {width:0}
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr td > table tbody tr td[style="overflow:hidden;"] {background:url(https://i.imgur.com/gGg8bgb.png) no-repeat;background-position:-0 -54px;overflow:hidden;text-indent:-9999px;text-align:left}
.module table[style="table-layout:auto;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(1) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -0}
.module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -0}
.module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -0}
.module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -18px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -18px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -18px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -36px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -36px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -54px}
.module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"],
.module table[style="table-layout: fixed;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"] {background-position:-0 -54px}
.module .main-content table[style="table-layout:fixed"]{background:#fafafa;background-image:linear-gradient(45deg,rgba(255,255,255,.1)25%,transparent 25%,transparent 50%,rgba(255,255,255,.1)50%,rgba(255,255,255,.1)75%,transparent 75%,transparent);background-size:10px 10px;border:#e1e1e1 1px solid;border-radius:5px;overflow:hidden;-webkit-box-shadow:inset 1px -1px 9px -1px rgba(181,181,181,1);-moz-box-shadow:inset 1px -1px 9px -1px rgba(181,181,181,1);box-shadow:inset 1px -1px 9px -1px rgba(181,181,181,1)}


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3513
Pontos Ativos : 4762

http://ajuda.forumeiros.com

Resolvido Re: Ajuste em código de barra de votos

Mensagem por Connor R. em 27/02/17, 02:28 pm

Perfeito mano, resolvido.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 922
Pontos Ativos : 1510

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Ajuste em código de barra de votos

Mensagem por Kyo Panda em 27/02/17, 07:37 pm

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

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


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3513
Pontos Ativos : 4762

http://ajuda.forumeiros.com

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