Rogner une image en css et apparaissage en fondu d'infobulle

[Invité]

Bonjour à vous
Voilà j'ai un problème concernant mon staff, sur mon entête, je le met en infobulle, donc on voit une partie de l'avatar, et quand on le survole on voit tout,mais j'ai un problème que je voudrais régler pour la prochaine maintenance de mon forum, voyez vous, je met l'avatar entier et découpé sous forme d'image, et donc quand je dois faire une Mise à jour je dois retourner dans gimp, modifier la miniature etc, or je voudrais découper la miniature avec css de sorte à ne devoir mettre que l'url de l'avatar au lieu de passer par ce découpage, de plus j'aimerais faire un affichage fondu de l'infobulle , auriez vous une idée de comment faire? :/
Mon forum -> http://jonetsu-yume.jeun.fr/
Merci d'avance

[Ea]

Bonjour,


Sur https://imgur.com/ ( que j'utilise un peu ), en cochant "edit" on peut rogner et redimensionner une image directement par leur outil.

Autrement il faudrait faire un truc du style :

Code:

<div class="img1">tata</div>

Et mettre dans le css :

Code:

.img1 {
  background-image: url(http://2img.net/i/fa/i/smiles/icon_dwarf.png);
  background-position: 40px 60px;
  width: 30px;
  height: 80px;
}

Mais j'imagine que modifier le background position ( qui à part si toutes les images sont pareilles et le visage est au même endroit devrait changer à chaque changement d'avatar ) serait plus compliqué que juste éditer l'image.

Pour l'apparition en "fondu", j'imagine que les transitions en css3 en utilisant opacity devrait suffire.

Cordialement.

[Invité]

Bonjour ^^
Ouaip effectivement cela serait plus compliqué, donc je vais me contenter de passer par gimp ^^ merci beaucoup pour votre aide, et pour le fondu