Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Problèmes ergonomique mobile

1791 appréciations
Hors-ligne

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.
Mon autre blog : LIEN

2689 appréciations
Hors-ligne
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.



1451 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.



1791 appréciations
Hors-ligne



 
Je te laisse faire !
J'attendrai le temps qu'il faudra.
Mon autre blog : LIEN

1451 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.



1791 appréciations
Hors-ligne

Laisse tomber !
Je le laisse comme ça !
Je tiens pas à tout refaire.

Mon autre blog : LIEN

85 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.

1451 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.



1791 appréciations
Hors-ligne
 Noeleen

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

1451 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.



85 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.

1451 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.



1791 appréciations
Hors-ligne
 et Noeleen
 à vous deux !
Mon autre blog : LIEN

2689 appréciations
Hors-ligne
Coucou

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



1791 appréciations
Hors-ligne

peux tu me dire pourquoi il n'a pas la même apparence ?
Mon autre blog : LIEN

1451 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




1791 appréciations
Hors-ligne

Bon alors tout va bien !!!!
Bonne soirée à tout le monde 
Mon autre blog : LIEN

2689 appréciations
Hors-ligne
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 :



1791 appréciations
Hors-ligne
AAAAhhhhh Ok !!!! 
 tu es un amour !
Mon autre blog : LIEN

1451 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 5848 autres membres