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.
Répondre
Auteur
MrGaby
Apprenti-posteur
Apprenti-posteur
Messages : 164
Enregistré le : 10 févr. 2010 à 16:47

Modification de l'extension "Background Forum"

Message par MrGaby »

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

Avatar du membre
galixte
Floodeur universel
Floodeur universel
Messages : 10627
Enregistré le : 08 mars 2004 à 01:40
Localisation : Sud de la France.
Contact :

Re: Modification de l'extension "Background Forum"

Message par galixte »

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
📖
« Traductions d’extensions & styles pour phpBB 3.2.x & 3.3.x ».
📋 Listes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
📋 Listes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

Auteur
MrGaby
Apprenti-posteur
Apprenti-posteur
Messages : 164
Enregistré le : 10 févr. 2010 à 16:47

Re: Modification de l'extension "Background Forum"

Message par MrGaby »

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

Avatar du membre
galixte
Floodeur universel
Floodeur universel
Messages : 10627
Enregistré le : 08 mars 2004 à 01:40
Localisation : Sud de la France.
Contact :

Re: Modification de l'extension "Background Forum"

Message par galixte »

Pourquoi la valeur du content est vide ?
Communau EzCom
📖
« Traductions d’extensions & styles pour phpBB 3.2.x & 3.3.x ».
📋 Listes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
📋 Listes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

Auteur
MrGaby
Apprenti-posteur
Apprenti-posteur
Messages : 164
Enregistré le : 10 févr. 2010 à 16:47

Re: Modification de l'extension "Background Forum"

Message par MrGaby »

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

Avatar du membre
galixte
Floodeur universel
Floodeur universel
Messages : 10627
Enregistré le : 08 mars 2004 à 01:40
Localisation : Sud de la France.
Contact :

Re: Modification de l'extension "Background Forum"

Message par galixte »

Merci.
Communau EzCom
📖
« Traductions d’extensions & styles pour phpBB 3.2.x & 3.3.x ».
📋 Listes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
📋 Listes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.

Auteur
MrGaby
Apprenti-posteur
Apprenti-posteur
Messages : 164
Enregistré le : 10 févr. 2010 à 16:47

Re: Modification de l'extension "Background Forum"

Message par MrGaby »

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

Répondre

Retourner vers « Discussions et recherches d'extensions »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 0 invité