[Réglé] Supprimer background et bannière sur smartphone

Support pour n'importe quelle extension non présente dans notre base de données
Aucune demande de personnalisation des extensions n'est autorisée.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support des extensions de phpBB-fr.com

Merci de mettre le nom de l'extension ainsi que sa version entre crochets, et un titre explicite afin de faciliter la recherche.
Exemple : [nom de l'extension + numéro de version] Titre explicite résumant le problème

Le lien de téléchargement de l'extension est demandé pour toute demande de support.

Aucune demande de personnalisation des extensions n'est autorisée.
Partager sur FacebookPartager sur TwitterPartager sur Google+

[Réglé] Supprimer background et bannière sur smartphone

Messagepar sylkapi » 24 Nov 2017 à 11:43

Bonjour,

j'aimerais optimiser le chargement des pages de mon forum sur smartphone et pour cela j'aimerais supprimer le chargement de la bannière et du background lorsqu'on consulte la page sur smartphone, est-ce que cela est possible ? Et si oui, comment faut-il procéder ?

J'utilise Prosilver Spéciale Edition avec l'extension "Insert Template Code" pour charger le background et les bannières aléatoire.

Le code actuel pour le background dans l'Event "overall_header_stylesheets_after.html" :
Code: Tout sélectionner
<style>
html, body {
    background: url("{ROOT_PATH}images/background/background.jpg");
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: center top;
}
</style>


Le code actuel pour les bannières aléatoires dans l'event "overall_footer_copyright_append.html" :
Code: Tout sélectionner
<script>
    var images = new Array();
    images[0] = 'banniere1.jpg';
	images[1] = 'banniere2.jpg';
	images[2] = 'banniere3.jpg';
	images[3] = 'banniere4.jpg';
	images[4] = 'banniere5.jpg';
	images[5] = 'banniere6.jpg';
	images[6] = 'banniere7.jpg';
	images[7] = 'banniere8.jpg';
	images[8] = 'banniere9.jpg';
	images[9] = 'banniere10.jpg';
	images[10] = 'banniere11.jpg';
	images[11] = 'banniere12.jpg';
	images[12] = 'banniere13.jpg';
   
    var r = Math.floor(Math.random() * 13);
    var imageUrl = '{ROOT_PATH}images/bannieres/' + images[r];
    document.getElementsByClassName('headerbar')[0].style.backgroundImage = 'url(' + imageUrl + ')';
</script>


Bon à la limite pour les bannières ce n'est pas grave mais au moins le background...

Merci pour votre aide
Modifié en dernier par sylkapi le 27 Nov 2017 à 14:53, modifié 1 fois.
Avatar de l’utilisateur
sylkapi
Roi des posts
Roi des posts
 
Messages: 584
Enregistré le: 02 Aoû 2005 à 08:36

Re: Supprimer background et bannière sur smartphone

Messagepar Mazeltof » 24 Nov 2017 à 17:24

'soir ici,

sylkapi a écrit:J'utilise Prosilver Spéciale Edition avec l'extension "Insert Template Code" pour charger le background et les bannières aléatoire.

C'est donc du support d'extension :mrgreen:

Votre sujet a été déplacé par un membre de l'équipe.
origine : Support des styles ‹ Modifications et recherche de styles ‹ [3.2.x] Modifications et recherche de styles

url du forum et de téléchargement de l'extension, stp

Edit:

pour le background essaie avec ça :
Code: Tout sélectionner
<style>
@media (max-width: 700px) {
    html, body {
        background: none;
    }
}
</style>
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2235
Enregistré le: 09 Mar 2009 à 22:02
Localisation: Arras

Re: Supprimer background et bannière sur smartphone

Messagepar galixte » 24 Nov 2017 à 18:58

Salut,

oui tu peux discriminer l’affichage des bannières avec l’extension « Insert Template Code ».

Pour l’arrière-plan la règle de Mazel est à insérer dans le fichier overall_header_stylesheets_after.html.

Pour la bannière, ouvre le fichier overall_footer_copyright_append.html, trouve :
Code: Tout sélectionner
<script>
    var images = new Array();
    images[0] = 'banniere1.jpg';
	images[1] = 'banniere2.jpg';
	images[2] = 'banniere3.jpg';
	images[3] = 'banniere4.jpg';
	images[4] = 'banniere5.jpg';
	images[5] = 'banniere6.jpg';
	images[6] = 'banniere7.jpg';
	images[7] = 'banniere8.jpg';
	images[8] = 'banniere9.jpg';
	images[9] = 'banniere10.jpg';
	images[10] = 'banniere11.jpg';
	images[11] = 'banniere12.jpg';
	images[12] = 'banniere13.jpg';
   
    var r = Math.floor(Math.random() * 13);
    var imageUrl = '{ROOT_PATH}images/bannieres/' + images[r];
    document.getElementsByClassName('headerbar')[0].style.backgroundImage = 'url(' + imageUrl + ')';
</script>


Et remplace par :
Code: Tout sélectionner
<script>
if (window.matchMedia("(min-width: 700px)").matches) {
  /* La largeur minimum de l'affichage est 700 px inclus */
    var images = new Array();
    images[0] = 'banniere1.jpg';
	images[1] = 'banniere2.jpg';
	images[2] = 'banniere3.jpg';
	images[3] = 'banniere4.jpg';
	images[4] = 'banniere5.jpg';
	images[5] = 'banniere6.jpg';
	images[6] = 'banniere7.jpg';
	images[7] = 'banniere8.jpg';
	images[8] = 'banniere9.jpg';
	images[9] = 'banniere10.jpg';
	images[10] = 'banniere11.jpg';
	images[11] = 'banniere12.jpg';
	images[12] = 'banniere13.jpg';
   
    var r = Math.floor(Math.random() * 13);
    var imageUrl = '{ROOT_PATH}images/bannieres/' + images[r];
    document.getElementsByClassName('headerbar')[0].style.backgroundImage = 'url(' + imageUrl + ')';
} else {
  /* L'affichage est inférieur à 700px de large */
}
</script>


Puis purge le cache du forum.
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: 10068
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: Supprimer background et bannière sur smartphone

Messagepar sylkapi » 24 Nov 2017 à 20:05

Merci à vous deux, ça a l'air de fonctionner 8)

Mais j'ai tout de même un doute pour le background, j'ai l'impression qu'en version smartphone le background est chargé en mémoire mais il n'est juste pas affiché. Donc le temps de chargement n'est pas réduit, je me trompe ?
Avatar de l’utilisateur
sylkapi
Roi des posts
Roi des posts
 
Messages: 584
Enregistré le: 02 Aoû 2005 à 08:36


Retourner vers Support des extensions non présentes dans notre base de données

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

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