• Salut Visiteur ! ✌
    Découvre nos partenaires officiels avec VeryLeak's. Des choix réfléchis, dignes de confiance pour tes avantages.

    StoryFound | REFUNDER TEAM

    StoryFound

    Rejoindre le Canal ✨ ou Plus d'information 📃

    Une question ? Rejoingnez nos différents canaux (Discord, Telegram, Revolt)

    Nos Canaux Communautaires

    Cet affichage peut se clôturer définitivement via la croix en haut à droite.

XenForo 1.X Effet de zoom sur les forums & discussions au passage de la souris

Sacryp

VeryLeak's Unique Member 👑
Level 2

Torrents Stats

Messages
321
J'aime
40
Trophées
615
Inscrit
27 Novembre 2015
Salut c'est Sidradi
Et je vous partage comment mettre un Effet de zoom au passage de la souris

I/ - Sur les forums :
Dans le template EXTRA.css, ajoutez ceci:
Code:
.nodeList .node.forum {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.nodeList .node.forum:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

Résultat:
bc0b7e2fd5c16e87ad1e52246dae322b.png



II/- Sur Les Categories :
Dans le template EXTRA.css, ajoutez ceci:

Code:
.discussionListItem {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.discussionListItem:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
Résultat:
3bb9822ee0318edf1928f3bfd64e3a73.png
 
Haut Bas