*RESOLU* [PHPBB2] Encadrement des photos postées sur le forum

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

fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
Bonjour à tous, 

j'ai effectué un encadrement des photos postées sur le forum via ce css

Code:
.altitude_encadrement img,tr.post span.resizebox{background-color:hsl(0,0%,100%);padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;box-shadow:2px 2px 15px 0 hsl(0,0%,0%)}


J'obtiens l'effet escompté



Le début des soucis commence : les smileys subissent cet encadrement. je résoud le problème avec ce css


Code:
.altitude_encadrement img[longdesc]{background-color:transparent !important;box-shadow:none!important}

A peine ce problème résolu que je m'aperçois que toutes les images que j'utilise dans les sujets subissent cet encadrement (logique vu que j'ai demandé au css d'agir ainsi).

Question, serait-il possible par le biais d'un script de faire en sorte que des images de moins de 200 px ne soient pas prises en compte ?

Philippe, désolé encore pour ce casse tête.


Dernière édition par fascicularia le Dim 17 Sep 2017 - 17:11, édité 1 fois



Administrateur des forums



Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Stéphane,

ce script donnera cette class aux images supérieures à 150px, que tu pourras modifier dans le script ici:
Changes le 150 par la largeur minimale que tu souhaites prendre en compte.

Code:
if(M14_Img>=150)
Code:
.altitude_encadrement

Donc tu peux supprimer ce style:
Code:
.altitude_encadrement img[longdesc]{background-color:transparent !important;box-shadow:none!important}

Et compresser celui-ci:
Code:
.altitude_encadrement img,tr.post span.resizebox{background-color:hsl(0,0%,100%);padding-top:6px;padding-right:6px;padding-bottom:6px;padding-left:6px;box-shadow:2px 2px 15px 0 hsl(0,0%,0%)}

Par celui-ci:
Code:
.altitude_encadrement,tr.post span.resizebox
{
  background-color:hsl(0,0%,100%);
  padding:6px;
  box-shadow:2px 2px 15px 0 hsl(0,0%,0%)
}

Puis mettre ce script:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sujets.

Déposes ceci:
Code:

$(function(){
  $('.postbody').find('img').each(function(){
 var M14_Img=$(this).width();
if(M14_Img>=150)
{
$(this).addClass('altitude_encadrement');  
}    

});
});


Penses a cliquer sur le bouton Valider



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
Que dire Philippe si ce n'est que tu es un magicien   super

Cela fonctionne à merveille.

Un grand merci pour cette aide.

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



Administrateur des forums



Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Stéphane hinhin ,
j'ai mon chapeau de magicien mdr mdr



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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

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à membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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