Affichage basculant + bulle & affichage du profil

par Billy-Stones Dim 17 Fév 2013 - 14:45

Comme vous pouvez le voir :

Spoiler:

L'image de l'avatar bascule, le test ou on parle est comme une sorte de bulle, et le bouton "afficher le profil" est nettement plus meilleurs, j'ai cherché partout mais je n'ai rien trouver si vous pouviez m'aider ce serrez vraiment bien, merci !

leurs forum = http://dorion.jdrforum.com/

par Matriochka Dim 17 Fév 2013 - 14:55

Bonjour,

Quelle est l’URL de ton forum ?

As-tu modifié le template viewtopic_body ?

par Billy-Stones Dim 17 Fév 2013 - 19:32

Mon forum = http://nyrp-newyork.monalliance.com/

Et non je n'ai rien changé sur le Template viewtopic_body

Merci d'avance.

par Matriochka Dim 17 Fév 2013 - 19:39

D’accord.

Donc, tu peux coller ceci dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS :

Code:: .postdetails.poster-profile img:hover { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; }

Les premières lignes (transform / rotate) te permettent de créer l’effet de rotation sur l’image. Ici, elle tourne à -30 degrés. À toi de modifier la valeur si celle-ci ne te convient pas.

Les lignes qui viennent ensuite (transition) te permettent de créer un effet de transition entre la position initiale et la position au survol. Ici, ça transite à 0.6 secondes. Même chose, tu peux modifier cette valeur pour une inférieure ou supérieure.