Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Faire pivoter/pencher des images

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Faire pivoter/pencher des images

Message par Runa Moon le Jeu 2 Jan 2020 - 13:44

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://les-mondes-sauvages.forumsrpg.com/

Description du problème

Bonjour à toute la communauté !

Je viens vers vous avec un problème pointu : j'aimerais que les avatars de on forum apparaissent légèrement penchés, mais après moult recherches, je suis incapable de réaliser ça.

Je rappelle que je suis sur Chrome, et que je crois avoir lu que "rotate" n'opère pas sur ce navigateur. Dans l'idéal, j'aimerais un code qui soit valide sur les navigateurs les plus connus (parce que mes membres seront peut-être plus sur Explorer ou Mozilla).

Dans un second temps, j'aimerais aussi de l'aide pour adapter ce code dans une fiche de présentation, dans les mêmes conditions.

D'avance, je vous remercie :kissouille:
Runa Moon

Runa Moon
*

Féminin
Messages : 34
Inscrit(e) le : 21/11/2019

http://les-mondes-sauvages.forumsrpg.com/
Runa Moon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire pivoter/pencher des images

Message par *Splash* le Jeu 2 Jan 2020 - 14:08

Hi,

Dans ton template tu entoure l'avatar d'une class, par exemple :
Code:
<div class="rotate">...</div>

Et tu ajoute ce code CSS :
Code:
.rotate {
  transform: rotate(45deg); /* Équivalent à rotateZ(45deg) */
}
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3212
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire pivoter/pencher des images

Message par *Splash* le Jeu 2 Jan 2020 - 14:19

@*Splash* a écrit:Hi,

Dans ton template tu entoure l'avatar d'une class, par exemple :
Code:
<div class="rotate">...</div>

Et tu ajoute ce code CSS :
Code:
.rotate {
  transform: rotate(45deg); /* Équivalent à rotateZ(45deg) */
}

@Runa Moon a écrit:
Je rappelle que je suis sur Chrome, et que je crois avoir lu que "rotate" n'opère pas sur ce navigateur.
Ah bon ?

Voici un screen de mon forum test en phpBB2, sous Chrome, avec la fonction rotate de 45 degré

Faire pivoter/pencher des images Fofo_t45
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3212
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire pivoter/pencher des images

Message par Runa Moon le Jeu 2 Jan 2020 - 15:31

Juste une question : je suis une bille en codage, du coup est-ce que tu pourrais me dire où trouver la mention de l'avatar dans les Templates ?
Runa Moon

Runa Moon
*

Féminin
Messages : 34
Inscrit(e) le : 21/11/2019

http://les-mondes-sauvages.forumsrpg.com/
Runa Moon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire pivoter/pencher des images

Message par *Splash* le Jeu 2 Jan 2020 - 15:45

Dans le template viewtopic_body recherche cette ligne :
Code:
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

Tu la supprime pour la remplacer par celle-ci :
Code:
  {postrow.displayed.RANK_IMAGE}<div class="rotate">{postrow.displayed.POSTER_AVATAR}</div><br /><br />

Tu enregistres et tu publies la modification, et tu ajoutes le code CSS donné plus haut
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3212
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Faire pivoter/pencher des images

Message par Runa Moon le Jeu 2 Jan 2020 - 16:16

Perfect ! Merci infiniment, en fait si ce que j'avais essayé ne marchait pas c'est tout simplement parce que je n'avais pas modifié le template XD
Runa Moon

Runa Moon
*

Féminin
Messages : 34
Inscrit(e) le : 21/11/2019

http://les-mondes-sauvages.forumsrpg.com/
Runa Moon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire pivoter/pencher des images

Message par *Splash* le Jeu 2 Jan 2020 - 16:38

Super
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3212
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum