AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Optimisation pour mobile

    Partagez
    avatar
    Mordred Ghost
    FémininAge : 31Messages : 62

    le Lun 17 Oct 2016 - 18:27

    Bonjour tout le monde (ou bonsoir, c'est selon).
    Par curiosité, je suis allé voir un peu comment se comportait mon forum dans sa version mobile. Dans ma tête, je me dis que FA doit avoir des pointures assez calées pour nous mettre ça bien comme il faut en format responsive, non ?
    Mouais, pour le coup je suis un peu perplexe, voyez plutôt :


    A noter que j'ai du dézoomer à fond pour voir ça sinon je suis obligé de scroller de gauche à droite si je veux bien voir les différentes infos.
    Quant à l'affichage des catégories, j'en parle pas xD c'est assez éloquent.
    Ca me pose un soucis dans le sens où certains de mes joueurs jouent via leur mobile, donc ce genre de présentation c'est pas ce qu'il y a des plus intuitif et simple.

    Du coup ! je me demandais si j'avais pas un peu merdé quelque part ?
    Si vous aviez des astuces pour optimiser votre forum vers les mobiles ?
    Bref, je suis preneuse un peu de vos retours sur le sujet et vous en remercie d'avance, j'espère faire avancer mon schmilblick dans le bon sens.

    PS : Excusez moi par avance si je n'ai pas posté ça au bon endroit, j'ai fais un peu le tour de NU et ça me semblait le plus logique de poster ça ici *se cache sous sa couette*
    avatar
    Applauze
    MasculinAge : 21Messages : 165

    le Lun 17 Oct 2016 - 19:08

    Bonjour,

    C'est vrai que FA n'est pas très esthétiquement parlant, original dans la version mobile de ses sites. Ce phénomène est en vogue depuis des mois, responsive. Signifiant la ressemblance exacte d'un forum sur un support basique ( ordinateur ) et d'un support portable ( téléphone, tablette). Ce n'est pas une tâche facile pour rendre un site 'responsive' mais FA n'a fait que le minimum. C'est un vrai progrès d'avoir des forums automatiquement responsive, gratuitement ! Mais, cela nous plaît pas directement. À présent, je n'ai jamais trouvé de solution pour personnaliser cette version, mais.. Eh oui, avec moi.. Il y a toujours une solution, vous n'êtes pas obligé de le fixer.

    Comme tu as pu le voir sur ton screen, il y a un menu, et dans celui-ci ce trouve une icône 'hamburger' ( trois barres parallèles ). Et tout en bas, de cette barre défilante, il y aura le monde Version Normal ( ou autre chose ).. Et voilà directement, que la version ordinateur apparait. Là, je suis sur Ipad, j'approfondirais mes recherches pour te trouver une solution, mais je te fais part de la solution basique.
    avatar
    Nihil Scar Winspeare
    Messages : 4790

    le Lun 17 Oct 2016 - 19:20

    Hello :)

    La capture d'écran de ton forum montre effectivement un soucis, normalement le thème mobile de FA ne ressemble pas à ça :) (en gors, il ressemble à ça mais sans être "cassé" Very Happy)
    Je te conseille d'ouvrir un topic dans "Problème avec mon code" pour que les membres puissent t'aider pour ton forum en particulier ^____^
    Je pense que les modifications du forum entrent en conflit avec la version mobile de FA, ce qui cause des problèmes.

    Concernant le sujet, il faut savoir qu'on peut modifier les templates mobile (Nouveau thème mobile pour les forums Forumactif).
    Il est aussi possible de rajouter du CSS seulement sur certains supports (ou certaines tailles d'écrans) grace aux media queries :) (Adapter la mise en page grâce aux "media queries")

    On peut également rajouter quelques fonctionnalités, par exemple :
    - Ajouter une pagination à la version mobile
    - Ajouter des actions à la version mobile des forums

    Pour éviter des "conflits" il faut essayer de faire attention de ne pas styliser des classes utilisées par la version mobile de FA.
    Par exemple, faite attention si vous mettez une largeur ou une hauteur à ".forum", c'est une classe utilisée sur FA mobile :)

    avatar
    Mordred Ghost
    FémininAge : 31Messages : 62

    le Lun 17 Oct 2016 - 22:33

    Bossant dans le domaine, je ne connais que trop bien ce casse-tête qu'est le responsive et par exemple la sale manie qu'à eu google de pousser les sites vers ce systême avec pour carotte au bout du bâton, un meilleur référencement. Merci bien quand ton ancien collègue t'as fais un site "style 2003" tout en tableau xDD

    Comme tu as pu le voir sur ton screen, il y a un menu, et dans celui-ci ce trouve une icône 'hamburger' ( trois barres parallèles ). Et tout en bas, de cette barre défilante, il y aura le monde Version Normal ( ou autre chose ).. Et voilà directement, que la version ordinateur apparait. Là, je suis sur Ipad, j'approfondirais mes recherches pour te trouver une solution, mais je te fais part de la solution basique.

    Perso c'est déjà ce que je fais mais bon, l'idée c'est quand même de pouvoir utiliser cette version à la base créée pour le support :/ En tout cas, merci beaucoup de te pencher sur mon cas Wink

    Pour éviter des "conflits" il faut essayer de faire attention de ne pas styliser des classes utilisées par la version mobile de FA.
    Par exemple, faite attention si vous mettez une largeur ou une hauteur à ".forum", c'est une classe utilisée sur FA mobile :)
    Alors c'est justement le cas. En écumant NU et en utilisant la recherche, je suis tombé sur la solution d'utiliser aussi la div #maincontent à placer dans le css avec .forum pour règler le soucis. J'ai tester mais sans résultat :/

    /!\ EDIT
    J'ai revu un peu la solution proposée ici : http://www.never-utopia.com/t60516-never-utopia-version-mobile-mise-a-jour-de-forumactif?highlight=optimisation+mobile, fais quelques bidouilles sur mon CSS au niveau du forum
    ET CA MARCHE !
    Tout est rentré dans l'ordre, plus besoin de scroller ou quoique ce soit \\o
    J'espère que je ne me fais pas de fausse joie T_T

    Je vais lire tous les liens que tu m'as cité Nihil, merci Wink
    Contenu sponsorisé


      La date/heure actuelle est Sam 18 Nov 2017 - 9:23