Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
Cartes Pokémon EB12.5 : commander le coffret ...
Voir le deal

 

 [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris

Aller en bas 
3 participants
AuteurMessage
Freedom Sun
Milouzien

Freedom Sun



[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Empty
MessageSujet: [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris    [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  EmptySam 20 Mar 2021 - 13:52

Bonjour à tous... coucou

J'ai un code qui va dans la "Feuille de style CSS". Cette fonction marche pour tous les formats, dans n'importe quelle version de thème...
Pour ceux qui ont des petits Forums, cela est très pratique !!

Un grossissement au passage de la souris, d'une image ou un smiley, dans vos Blocs de messages !

Exemple en image :

[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Captur71


Vous pouvez :

modifier la vitesse du grossissement de l'image au passage de la souris : all 1s ease;
modifier la taille du grossissement de l'image au passage de la souris (1.6);



Suivant votre version :

PhpBB2 et ModernBB:

Code:
      /***DEBUT du code faire AGRANDIR L'IMAGE***/
        .postbody img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        }
        .postbody img:hover {
        -webkit-transform:scale(1.6);
        -moz-transform:scale(1.6);
          -ms-transform:scale(1.6);
        -o-transform:scale(1.6);
        transform:scale(1.6);
        }
        /***FIN du code faire AGRANDIR L'IMAGE***/

PhpBB3 et Edge
Code:

      /***DEBUT du code faire AGRANDIR L'IMAGE***/
        .postbody .content img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        }
        .postbody .content img:hover {
        -webkit-transform:scale(1.6);
        -moz-transform:scale(1.6);
          -ms-transform:scale(1.6);
        -o-transform:scale(1.6);
        transform:scale(1.6);
        }
        /***FIN du code faire AGRANDIR L'IMAGE***/

PunBB

Code:
 /***DEBUT du code faire AGRANDIR L'IMAGE***/
        .postbody  .entry-content img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        }
        .postbody  .entry-content img:hover {
        -webkit-transform:scale(1.6);
        -moz-transform:scale(1.6);
          -ms-transform:scale(1.6);
        -o-transform:scale(1.6);
        transform:scale(1.6);
        }
        /***FIN du code faire AGRANDIR L'IMAGE***/

Invision:
Code:
 /***DEBUT du code faire AGRANDIR L'IMAGE***/
        .postbody  .post-entry img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        }
        .postbody  .post-entry img:hover {
        -webkit-transform:scale(1.6);
        -moz-transform:scale(1.6);
          -ms-transform:scale(1.6);
        -o-transform:scale(1.6);
        transform:scale(1.6);
        }
        /***FIN du code faire AGRANDIR L'IMAGE***/

AmesomeBB:
Code:
  /***DEBUT du code faire AGRANDIR L'IMAGE***/
    .post-body .post-content img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    }
    .post-body .post-content img:hover{
    -webkit-transform:scale(1.6);
    -moz-transform:scale(1.6);
      -ms-transform:scale(1.6);
    -o-transform:scale(1.6);
    transform:scale(1.6);
    }
    /***FIN du code faire AGRANDIR L'IMAGE***/


Déposez le style concerné dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style



Puis penser a cliquer sur le bouton [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Sans_t10



Cordialement, Stefano36

Milouze14 aime ce message

Revenir en haut Aller en bas
https://leforumdelazik.xoo.it/index.php
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Empty
MessageSujet: Re: [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris    [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  EmptyDim 21 Mar 2021 - 11:46

De rien Stefano,

on fait tous des erreurs cher ami, moi aussi rassures toi lOL .

J'ai édité ton message pour modifier suivant les versions:

https://www.milouze14.com/t32963-toutes-versions-faire-agrandir-l-image-ou-le-smiley-au-passage-de-la-souris#628879

Puis supprimer les messages qui ne sont pas prévus dans cette section.

Chéryl et Freedom Sun aiment ce message

Revenir en haut Aller en bas
https://www.milouze14.com
Freedom Sun
Milouzien

Freedom Sun



[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Empty
MessageSujet: Re: [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris    [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  EmptyDim 21 Mar 2021 - 12:03

Bonjour Phil,

C'est très correct, je ne vais pas éditer ceci !
Tu as très bien résumé la chose !!
Affaire bâclée pour moi !

Merci encore Phil, t'es un bon 😋

Prenez soin de vous,

Cdlt, Stefano

Chéryl aime ce message

Revenir en haut Aller en bas
https://leforumdelazik.xoo.it/index.php
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Empty
MessageSujet: Re: [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris    [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  EmptyDim 21 Mar 2021 - 19:24

Mercimill

Chéryl et Freedom Sun aiment ce message

Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Contenu sponsorisé





[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Empty
MessageSujet: Re: [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris    [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris  Empty

Revenir en haut Aller en bas
 
[TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
» [TOUTES VERSIONS]Visualiser le mot de passe
» [TOUTES VERSIONS] Spoiler où l'on veut

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: