Compartilhe
Ir em baixo
avatar
Administrador
Mensagens : 441
Pontos : 12411
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Membro Mais ativos do Mês elegante

em 19.12.15 17:10
Informações:
Autor:
Cepheus
Funcionalidade: PunBB




Neste tutorial iremos personalizar o widget Membro mais ativos do Mês.
Acesse:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo

e Adicione esse código na sua folha de estilo:
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: 0px
}
.module table[style="table-layout:auto;"] tbody tr td > table tbody tr td[style="overflow:hidden;"] {
    background: url('http://i.imgur.com/gGg8bgb.png') no-repeat;
    background-position: -0px -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: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(2) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(3) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -0px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(4) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(5) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(6) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -18px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(7) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(8) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -36px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(9) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -54px;
}
.module table[style="table-layout:auto;"] tbody tr:nth-child(10) td > table tbody tr td[style="overflow:hidden;"] {
    background-position: -0px -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);
}

Resultado:

avatar
Administrador
Mensagens : 441
Pontos : 12411
Reputação : 120
Ver perfil do usuáriohttp://beststyle.forumeiros.com

Re: Membro Mais ativos do Mês elegante

em 19.12.15 19:37
Tutorial Aceito
Voltar ao Topo
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum