Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Problèmes ergonomique mobile

2385 appréciations
Hors-ligne
simonNana
J'ai reçu un mail voir ci-dessous :


Que j'ai transféré par mail à la plateforme !
 m'a répondu ceci : 

"Nous ne pouvons pas Florent ou moi rentrer dans ton CSS personnalisé et faire les corrections, cela prendrait trop de temps et on risquerait de faire des choses qui ne te plaisent pas. Il faut que tu vois avec la personne qui t'a fait le CSS à la base (soit toi, soit Simon, soit Natacha). Tu peux demander de l'aide sur le forum d'aide aussi.
L'alternative est de revenir à un design de base qui lui s'affiche bien en mobile, puis de le personnaliser."

Je l'ai remercié  et me voici ici pour vous demander de l'aide. Car il est hors de question que je modifie mon design.
Si on ne peut rien faire à part rechanger le design je le laisse comme il est.
 pour votre aide.
Nana

Bonjour Christine,

Je ne suis pas intervenue sur ton design, il faudrait voir avec Simon qui a fait beaucoup d'interventions.

Il est normal qu'on ne voit pas bien ton blog sur les téléphones car tu as mis un contenu de très grande largeur.


2377 appréciations
Hors-ligne

Je regarde mais il me semble qu'il doit y avoir une règle à corriger.

Il faut faire des tas d'essais et ce n'est pas évident à trouver.


2385 appréciations
Hors-ligne
Nana


simon 
Je te laisse faire !
J'attendrai le temps qu'il faudra.

2377 appréciations
Hors-ligne
J'ai bien peur qu'il va falloir changer le mydesign et mettre le code css personnalisé de ton blog par la suite ainsi que les bordures de pages.

Il se peut que la structure HTML et css soient en conflit et mieux vaut partir sur du "propre"

Je cherche un autre moyen mais ce n'est pas simple.


2385 appréciations
Hors-ligne
simon
Laisse tomber !
Je le laisse comme ça !
Je tiens pas à tout refaire.


140 appréciations
Hors-ligne
 
Je vais peut-être dire une bêtise (et si c'est le cas je m'en excuse d'avance) puisque je n'ai jamais utilisé le mydesign et que je ne connais donc pas les règles qui s'y applique, mais ne serait-il pas envisageable de simplement rajouter une règle CSS pour indiquer au site comment il doit se comporter sur des écrans plus petits plutôt que de tout refaire?
Je pense notamment au code suivant : 

/* adaptation aux petit écrans media queries */
@media screen and (max-width: 600px) {
.diz-barre-navigation {
    max-width: 600px;
    margin: 0 auto;
    padding-left: 0;
  }
}

C'est un exemple mais est-ce que ça pourrait fonctionner (ça fonctionne sur mon site pourquoi pas le vôtre?)
Il suffirait de l'appliquer aux "zones extensibles" (la barre de navigation, les tableaux) et en partant de cette base, il ne resterait plus qu'à vérifier sur un article qui contient un contenu "large" ce qui dépasse et appliquer la manip à l'élément.
Lire 1000 livres, c'est comme découvrir 1000 pays.

2377 appréciations
Hors-ligne
@Soleilvie@

Regardes un peu si ça te conviens car sur mon portable c'est pas mal.



@Noeleen Ruth@ Merci mais son Css est assez compliqué et parfois ce genre de codes entrent en conflit.


2385 appréciations
Hors-ligne
 Noeleen

simon peux tu me faire une capture d'écran car moi je n'ai pas la possibilité de voir avec mon téléphone portable.

2377 appréciations
Hors-ligne
RE

Sur mon téléphone c'est bon.


Il faut voir sur ipad ou iphone

Si quelqu'un peut tester.


140 appréciations
Hors-ligne
J'ai fais le test et pas de soucis de présentation. Par contre j'ai un petit écran du coup : 
En mode portrait : obligation de faire un important zoom arrière si je veux visualiser la page en entier ou lire le texte sans avoir à scroller à droite et à gauche à chaque ligne (ce qui rend la lecture compliquée).
En mode paysage ça va un peu mieux ;)

Bon courage

Dernière modification le jeudi 21 Mars 2019 à 14:27:33
Lire 1000 livres, c'est comme découvrir 1000 pays.

2377 appréciations
Hors-ligne

J'ai terminé le codage pour téléphone avec de nombreuses modifs.

J'ai fait apparaitre le logo et personnaliser la partie barre qui n'était pas très lisible.

J'ai sauvegardé le Css dans la boite à fichiers.

Je ne peux pas faire de captures téléphone mais sur mon galaxy c'est bon.



Si d'autre personnes passent par là elle pourront tester.


2385 appréciations
Hors-ligne
simon et Noeleen
 à vous deux !
Nana

Coucou

J'ai fait le test d'optimisation mobile, c'est bon :


2385 appréciations
Hors-ligne
Nana
peux tu me dire pourquoi il n'a pas la même apparence ?

2377 appréciations
Hors-ligne
Moi j'ai ça et après on zoom pour voir tout le blog.

Les couleurs et les proportions sont respectées



2385 appréciations
Hors-ligne
simon
Bon alors tout va bien !!!!
Bonne soirée à tout le monde 
Nana

T'inquiète pas pour les couleurs c'est juste pour le test

Sous mon Iphone je le vois bien, j'ai fait une capture :


2385 appréciations
Hors-ligne
AAAAhhhhh Ok !!!! 
 tu es un amour !

2377 appréciations
Hors-ligne
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits soucis.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5936 autres membres