Ajuste em código de barra de votos

por Don Corleone 24.02.17 12:04

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.

Ajuste em código de barra de votos T0zV6Ah

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.

Ajuste em código de barra de votos Xoq83gD

Teria como o efeito também ocorrer neste widget?

por Kyo Panda 27.02.17 14:19

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

por Don Corleone 27.02.17 15:01

@Kyo Panda

Aqui, estão ativados no Portal.

http://somosmugiwara.forumeiros.com/portal

por Kyo Panda 27.02.17 16:03

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

por Don Corleone 27.02.17 17:28

Perfeito mano, resolvido.

por Kyo Panda 27.02.17 22:37

Ajuste em código de barra de votos Symbol10

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

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

Hitskin.com

Ajuste em código de barra de votos