Problème de taille image d’accueil sur le thème Sensible (Créer un compte)

  • Statut : non résolu
15 sujets de 46 à 60 (sur un total de 61)
  • Auteur
    Messages
  • #1036216
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Je suis surprise …👏 Pour une pré-maquette en parallaxe pour une tierce personne, je n’avais pas réussi à résoudre ce problème. L’image était dans le CSS Non dans le HTML …

    Tous les templates utilisent le principe du thème utilisé par thomasperfet. Dond, je me suis soumise…

    Par contre, quand on rétréci la page en hauteur, c’est la « cata » pas certaine que se soit un site optimisé côté ergonomie, standard et SEO.

    L’essentiel c’est que thomasperfet soit satisfait du résultat. ^^

    #1036217
    thomasperfet
    Membre
    Padawan WordPress
    52 contributions

    J’ai du mal à cerner ou se situe ton sarcasme 🙂

    Pour le SEO je pense qu’en effet peut être que l’image ne sera pas optimisée mais je ferais en sorte que toutes les pages et le contenu du site le soi avec balises, métas etc….

    Moi je voulais une image qui s’adapté en largeur à l’écran, ce qui me semblait une requête bigrement facile pour des experts comme il y a sur ce forum mais apparemment pas aussi simple que ça. D’où mon soulagement quand j’ai « trouvé » la solution grâce à votre aide.

    Mais s’il y a mieux je suis LARGEMENT preneur, mais le problème étant mon incompétence technique..

    En tout cas je vous remercie beaucoup d’avoir pris le temps de chercher pour moi.

    #1036218
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Désolée, je voulais m’adresser à @PhiLyon … Et je le félicitais … 🙂

    Après se sont des remarques très personnelles… 😗 qui n’ont pas pour objectif de dénigrer le travail des autres.

    #1036219
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Mais il y a tout de même un souci sur un écran de 27 pouce (l’image est déformée)… ET Il ne faut pas avoir la même idée que moi de rétrécir la fenêtre du navigateur sur sa hauteur. Mais honnêtement qui va avoir cette envie ? 1% des internautes ? 😋

    Donc ce n’est pas grave, je suis trop perfectionniste …

    Bonne continuation !

    #1036220
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    @ ouistiti.net – Tes simiesques félicitations me vont droit au cœur 😉

    🙂

    #1036221
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    @ PhiLyon Ravie de commencer cette année 2016 dans la gratitude, au milieu des tiges d’essences si feuillues …

    #1036222
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bof, mes feuilles je commence à les perdre. 😆

    🙂

    #1036223
    thomasperfet
    Membre
    Padawan WordPress
    52 contributions

    Merci à vous tous !!

    Bonne soirée, bonne nuit 🙂

    #1036224
    Flobogo
    Modérateur
    Maître WordPress
    20159 contributions

    Bonjour,

    Je suis ravie de voir que vous avez trouvé de l’aide et que PhiLyon vous a débloqué l’essentiel.
    Je reviens juste sur un petit point :

    thomasperfet wrote:
    REctification : maintenant quand je mets 100% en height elle s’affiche dans un bandeau de la taille du « padding ».

    Avez-vous essayé de mettre height: auto; ?
    La hauteur s’adapterait peut-être alors, selon la largeur … Je n’en suis pas sûre, mais ça vaut le coup d’essayer.

    #1036225
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonjour.

    Pour faire plaisirs à ces dames (et à toi), essaies ce code

    #hero-header {
    position: relative;
    display:block;
    padding-bottom: 100%;
    background-size:100% auto !important;
    -webkit-background-size:100% auto !important;
    -moz-background-size:100% auto !important;
    -ms-background-size:100% auto !important;
    -o-background-size:100% auto !important;
    }

    🙂

    #1036226
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    :wp: Pour ceux que ça intéresse, ce code fonctionne également pour le background  » normal  » d’un thème.

    Cela annule les Positions Fixed, Repeat, etc.

    J’ai testé dans AccessPress Lite (thème enfant) avec ce code

    body.custom-background {
    background-size:100% auto !important;
    -webkit-background-size:100% auto !important;
    -moz-background-size:100% auto !important;
    -ms-background-size:100% auto !important;
    -o-background-size:100% auto !important;
    }

    🙂

    #1036227
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    @ PhiLyon Tant que la sève coule, il y a encore de l’espoir :D

    Pour info, voici le résultat sur un Ipad, format landscape

    landscape-ipad-mini_imagesia-com_14ocx_large.png

    Moi, je vous dit le mot clé et ratio…Bon ben, il y a encore du boulot 😉

    #1036228
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Très chère ouistiti 😇 (je me place 😆 )

    A mon avis thomasperfet n’a pas encore lu le message et donc pas fait la modif.

    Mais je n’ai testé qu’avec la fonction Vue adaptative de Firefox, puisque j’ai fait les essais en local.

    🙂

    #1036229
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions
    PhiLyon wrote:
    Cela annule les Positions Fixed, Repeat, etc.

    Je veux bien, mais en parallaxe -> « Fixed » sert à fixer l’image sur l’écran, afin qu’une autre image ou un fond de couleur recouvre progressivement celle-ci, au moment où tu scrolles avec la souris ou les touches du claviers. Donc tu supprimes cet effet.

    A suivre !

    #1036230
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Cela annule les Positions Fixed, Repeat, etc.

    Je parlais des réglages possibles quand tu ajoutes une image d’arrière-plan dans Personnaliser.

    🙂

15 sujets de 46 à 60 (sur un total de 61)
  • Vous devez être connecté pour répondre à ce sujet.