Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Dark Lord Dark Lord  • Dom 26 maio 2013 - 0:11

Código para template de postagem. Empty Código para template de postagem. Dom 26 maio 2013 - 0:11

Qual é minha questão:
Teria como adaptarem o código deste forum [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] que faz com que as imagen virem ( olhe na descrição dos forum e deixe o mouse encima das imagens) para um código de template de postagem?

Endereço do meu fórum:
não precisa

Versão:
PunBB

Stark' Stark'  • Dom 26 maio 2013 - 11:03

B-bytes B-bytes  • Dom 26 maio 2013 - 11:51

Código para template de postagem. Empty Re: Código para template de postagem. Dom 26 maio 2013 - 11:51

Olá Dark Lord, adicione esse css:
Código:

div.flip{-moz-perspective:600px;-o-perspective:600px;-webkit-perspective:600px;height:72px;perspective:600px;position:relative;width:450px}div.flip div.rotate{-moz-transform-style:preserve-3d;-moz-transition:all .3s ease-in-out .3s;-o-transform-style:preserve-3d;-o-transition:all .3s ease-in-out .3s;-webkit-transform-style:preserve-3d;-webkit-transition:all .3s ease-in-out .3s;height:100%;transform-style:preserve-3d;transition:all .3s ease-in-out .3s;width:100%}div.flip div.rotate > *{-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}div.flip div.rotate > div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#eee;box-sizing:border-box;padding:8px}div.rotate.x :nth-child(2){-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}div.flip:hover > div.rotate.x{-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}div.rotate.y :nth-child(2){-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}div.flip:hover > div.rotate.y{-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}

E sempre que for colocar uma imagem, coloque
Código:
<div class="flip" style="display: inline-block; margin-right: 40px"><div class="rotate x"> "CONTEUDO QUE VAI RODAR AQUI" </div></div>

Creio que seja isto que queira

[S]herlock H. [S]herlock H.  • Dom 26 maio 2013 - 21:06

Código para template de postagem. Empty Re: Código para template de postagem. Dom 26 maio 2013 - 21:06

Olá amigo,

Você fala das categorias ou dessa lista ?
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Até mais.

Conteúdo patrocinado  • 

Código para template de postagem. Empty Re: Código para template de postagem.

Permissões neste sub-fórum
Não podes responder a tópicos