Modification de l'extension "Background Forum"

Forum pour discuter des extensions, du processus de validation, la traduction des extensions, pour rechercher des extensions...
Pas de support dans cette section

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com

Attention, aucun support n'est fourni dans cette section.

Modification de l'extension "Background Forum"

Messagepar MrGaby » 30 Sep 2017 à 10:59

Salut

Vous utilisez peut-être l'extension "Background Forum" qui permet l'affichage d'un fond d'écran fixe derrière votre forum.

Vous avez peut-être aussi remarqué de grosses saccades lors du défilement des pages du forum avec les navigateurs basés sur webkit (Chrome/Chromium/Safari/etc...). Ceci est dû au fait que ces navigateurs recalculent en permanence (à chaque défilement) certaines images, notamment avec la propriété background-attachment: fixed;.

Après 48h de recherche intensive de solutions sur le net et d'adaptation à phpbb, j'ai trouvé une modification permettant un affichage parfaitement fluide quelque soit le navigateur. Voici la modification à effectuer :

Il faut bien sûr au préalable avoir installé l'extension...

Puis, dans ext/alex75/background/styles/prosilver/theme/background.css, trouver :
Code: Tout sélectionner
html, body {
    background-size: cover;
    background-position: center center;
    background-image: url("./background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}


Remplacer avec :
Code: Tout sélectionner
body:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    will-change: transform;
    z-index: -1;
    background-size: cover;
    background-image: url("./background.jpg");
    background-repeat: no-repeat;
}

body {
    position:relative;
    z-index: 0;
}


Purger le cache du forum...

Et voilà... Je suis tellement fier de ma trouvaille que je l'ai postée un peu partout :mrgreen: :mrgreen: :mrgreen:
Modifié en dernier par MrGaby le 03 Oct 2017 à 17:17, modifié 1 fois.
@+
Gaby, ké un gars
MrGaby
Apprenti-posteur
Apprenti-posteur
 
Messages: 132
Enregistré le: 10 Fév 2010 à 17:47

Re: Modification de l'extension "Background Forum"

Messagepar galixte » 01 Oct 2017 à 00:30

T’es un dieu, j’ai remarqué ça sur EzCom depuis quelques semaines, je n’ai pas pris le temps d’investiguer je pensais que cela était dû à une mise à jour d’un pilote vidéo ou du navigateur.

Pétard par contre ça en fait des lignes plus ! :mrgreen:

Ce que je peux dire c’est que le problème est apparu depuis le mois de juillet/aout (je navigue essentiellement sous Opera). Merci ! :P
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10123
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Modification de l'extension "Background Forum"

Messagepar MrGaby » 01 Oct 2017 à 14:58

Ouah, un dieu, carrément ! :lol: :lol:

C'est parti d'une demande d'aide sur le style Elegance sur phpbb.com sur un problème de défilement avec Chrome, je ne trouvais pas de solution, ça m'a saoulé et je me suis acharné... Pour finir par tomber sur ça : https://www.fourkitchens.com/blog/artic ... -property/

Un peu d'adaptation pour phpbb.com, et la compréhension du z-index (notamment que seuls les éléments positionnés par position: relative, absolute ou fixed peuvent avoir un z-index), et voilà...
@+
Gaby, ké un gars
MrGaby
Apprenti-posteur
Apprenti-posteur
 
Messages: 132
Enregistré le: 10 Fév 2010 à 17:47

Re: Modification de l'extension "Background Forum"

Messagepar galixte » 02 Oct 2017 à 05:18

Pourquoi la valeur du content est vide ?
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10123
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Modification de l'extension "Background Forum"

Messagepar MrGaby » 02 Oct 2017 à 16:38

La valeur calculée par défaut de content sur les pseudo-éléments ::before et ::after en CSS est none. Donc, si on laisse comme ça, le fond d'écran ne s'affichera pas. On indique donc par cette astuce que content n'est pas vide.
@+
Gaby, ké un gars
MrGaby
Apprenti-posteur
Apprenti-posteur
 
Messages: 132
Enregistré le: 10 Fév 2010 à 17:47

Re: Modification de l'extension "Background Forum"

Messagepar galixte » 03 Oct 2017 à 03:13

Merci.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10123
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Modification de l'extension "Background Forum"

Messagepar MrGaby » 03 Oct 2017 à 17:18

Premier message édité pour supprimer la propriété background-position: center center;, pour ne pas systématiquement centrer l'image en arrière plan.
@+
Gaby, ké un gars
MrGaby
Apprenti-posteur
Apprenti-posteur
 
Messages: 132
Enregistré le: 10 Fév 2010 à 17:47


Retourner vers Discussions et recherches d'extensions

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités