[TUTORIAL] BOTÕES DE REPUTAÇÃO COM EFEITO DE OPACIDADE

Neste Tutorial Inédito e Exclusivo,Iremos Adicionar um Código no CSS e Assim que o mouse estiver em cima da Postagem,Irá Aparecer os Botões de Reputação

Versões : PunBB , PHPBB2 e PHPBB3 ( Não há para Invision)


(o Código CSS é o mesmo para ambas as versões )
Adicione o Código Abaixo em
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione este código no seu css e salve

Código PunBB

Código:


.ddvote {
opacity: 0;
}
.post:hover .ddvote {
opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

Código PHPBB2

Código:


.vote {
opacity: 0;
}
.post:hover .vote-button {
opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

Código PHPBB3

Código:

.vote {
opacity: 0;
}
.postbody:hover .vote {
opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

Já conhecia este código ele é legal.