Derniers sujets*
» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 5 Juil 2021 - 19:35

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

Les statistiques du forum
Nous avons 480 membres enregistrés

L'utilisateur enregistré le plus récent est Spo0kyCat

Nos membres ont posté un total de 26586 messages dans 1349 sujets

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

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

Message n°10
Freedom Sun
Freedom Sun
Milouzien

https://leforumdelazik.xoo.it/index.php

MessageFreedom Sun Sam 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

Message n°20
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Dim 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.


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Chéryl et Freedom Sun aiment ce message

Message n°30
Freedom Sun
Freedom Sun
Milouzien

https://leforumdelazik.xoo.it/index.php

MessageFreedom Sun Dim 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

Message n°40
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Dim 21 Mar 2021 - 19:24

Mercimill

Chéryl et Freedom Sun aiment ce message

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

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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