Auteur Sujet: Site mobile (Lu 10530 fois)

butler_fr · « **Réponse #24 le:** 29 août 2014 à 09:30:29 »

pas mal tout ça!

à voir après à l'utilisation

buddy · « **Réponse #25 le:** 29 août 2014 à 11:35:08 »

Très pratique sur mobiles, ca charge plus vite.
Merci.

Paul · « **Réponse #26 le:** 29 août 2014 à 12:19:00 »

Après 2 jours d'utilisation, je trouve en effet la version mobile plus appropriée, mais les pages mettent un certain temps à charger. C'est parfois assez long...

Mais niveau agencement c'est très bien conçu.

vivien · « **Réponse #27 le:** 04 septembre 2014 à 12:43:59 »

J'ai terminé la traduction en Français.
N'hésitez pas a me signaler des erreurs.

La version mobile est activée par défaut sur la majorité des téléphones. Si vous êtes en version classique et que vous souhaitez passer en version mobile, il y a un lien en bas de chaque page :

Inversement, un lien en bas de chaque page mobile permet de passer sur le site classique.

A gauche le site en version classique sur un téléphone, à droite la version mobile :

vivien · « **Réponse #28 le:** 04 septembre 2014 à 12:44:20 »

L'écriture d'une réponse ou d'un nouveau post (héberger une pièce jointe est aussi possible en version mobile) :

Le menu de navigation et la création d'un sondage :

vivien · « **Réponse #29 le:** 04 septembre 2014 à 12:44:33 »

Les messages privés :

Les messages non lus, les messages récents et la recherche :

Phach · « **Réponse #30 le:** 04 septembre 2014 à 16:56:38 »

excellent, je teste cela des que possible

kgersen · « **Réponse #31 le:** 05 septembre 2014 à 18:22:55 »

bizarrement le site mobile gere mieux les images que le site normal: elle sont adaptées a la largeur de l'écran.

Le site normal affiche les grandes images en taille d'origine au lieu de les adapter a la largeur du navigateur:

vivien · « **Réponse #32 le:** 05 septembre 2014 à 18:55:29 »

La façon de gérer les images sur le thème fixe ou mobile n'est pas personnalisable, donc cela va rester tel que.

En même temps, une image redimensionnée, c'est bien moins net, notamment pour des schémas ou du texte (le pire, ce sont les tableaux avec des lignes de 1 pixel qui sont redimensionnés).

Il y a deux types d'images :

- Les images hébergées sur le forum (cliquer sur Fichiers joints et autres options… en rédigeant le post) sont redimensionné à 900 pixels de large, si elles dépassent 900 pixel de large.

- Les images externe ne sont pas redimensionnées. Je conseille d'utiliser une taille maximum de 900 pixels de large. (au-dessus j'ai mis 3 copie d'écran de smartphone, chacune de 300 pixels de large pour faire un total de 900 pixels). Cela permet une image entière sur les écrans 1280x1024 ou plus grand. Presque tous les PC ont au moins cette résolution. Pour ceux qui sont avec un écran plus petit (1024x768), l'image n'est pas visible en entier et un ascenseur horizontal permet de voir la droite de l'image)

kgersen · « **Réponse #33 le:** 05 septembre 2014 à 19:35:17 »

Oui c'est une question de habitude, certains préfèrent l'image en résolution d'origine quitte a devoir 'scroller' latéralement, d'autres préfèrent voir l'image ajustée a la largeur et bouton-droit 'ouvrir l'image' au besoin si on ne voit pas certains détails (c'est rare quand même).

Si tu veux que les images s'auto-ajustent, il suffit de rajouter ça tout a la fin du fichier index.css du thème normal:

Code: [Sélectionner]

.inner>img, .inner>blockquote>img,
.inner>.bbc_link>img, .inner>blockquote>.bbc_link>img
{
	   height: auto;
	   width: auto;
	   max-width: 95%;
}

Personnellement, j'utilise Chrome et l'extension StyleBot qui modifie le style a la volée en fonction de l'url :

vivien · « **Réponse #34 le:** 05 septembre 2014 à 19:42:19 »

Je viens de rajouter les lignes suggérées a la fin de l'index.css

Cela ne fonctionne pas systématiquement par exemple, pas de redimensionnement sur ce post https://lafibre.info/reseau-orange/reseau-orange/

kgersen · « **Réponse #35 le:** 05 septembre 2014 à 20:03:03 »

Effectivement elles sont a l’intérieur d'un bloc de taille de police (bbc_size). il faut rajouter le cas dans le style (.inner>.bbc_size>img) donc en tout:

Code: [Sélectionner]

.inner>img, .inner>blockquote>img, .inner>.bbc_link>img, .inner>blockquote>.bbc_link>img, .inner>.bbc_size>img {
    height: auto;
    max-width: 95%;
    width: auto;
}

ca a du arriver en selectionnant toute la page en cours d'édition (ou une partie) et changeant la taille du texte a 10. Les images se sont retrouvées dans le bloc de taille.