Humor Nota 10!

Você não está conectado. Conecte-se ou registre-se

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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

TheLord

avatar
Administrador
Administrador
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)

>> Código CSS <<

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

Bom galera peço desculpas porque eu não tenho o resultado final. Não conseguir por o efeito no Post
Mas o Resultado é o mesmo do fórum quando você vai citar algum membro o botão aparentemente não tem mas si você passar o mouse ele vai aparecer. esse é o efeito de Opacidade. blz ?

Créditos: LucasRPG & SP-Design

http://humor-nota10.olympicweb.net

Conrado

avatar
Administrador
Administrador
Já conhecia este código ele é legal.

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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