Problème de taille image d'accueil sur le thème Sensible

Statut : non résolu

Ce sujet contient 60 réponses, 5 participants et a été mis à jour pour la dernière fois par Flobogo, le il y a 8 années et 10 mois.

15 sujets de 46 à 60 (sur un total de 61)

← 1 2 3 4 5 →

Auteur

Messages
8 janvier 2016 à 16 h 33 min #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. ^^

8 janvier 2016 à 22 h 23 min #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.

8 janvier 2016 à 22 h 31 min #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.

8 janvier 2016 à 22 h 41 min #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 !

8 janvier 2016 à 22 h 43 min #1036220

PhiLyon
Modérateur

Maître WordPress
28260 contributions

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

🙂

8 janvier 2016 à 22 h 54 min #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 …

8 janvier 2016 à 23 h 12 min #1036222

PhiLyon
Modérateur

Maître WordPress
28260 contributions

Bof, mes feuilles je commence à les perdre. 😆

🙂

9 janvier 2016 à 0 h 04 min #1036223

thomasperfet
Membre

Padawan WordPress
52 contributions

Merci à vous tous !!

Bonne soirée, bonne nuit 🙂

9 janvier 2016 à 11 h 09 min #1036224

Flobogo
Modérateur

Maître WordPress
20553 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.

9 janvier 2016 à 16 h 18 min #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;
}
```
🙂
9 janvier 2016 à 16 h 36 min #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;
}
```
🙂
9 janvier 2016 à 16 h 47 min #1036227

ouistiti.net
Participant

Maître WordPress
1879 contributions

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

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

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

9 janvier 2016 à 16 h 52 min #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.

🙂

9 janvier 2016 à 17 h 20 min #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 !

9 janvier 2016 à 17 h 25 min #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.

🙂
Auteur

Messages