Responsive design : positions joomla et resolution d'image

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Bootstrap] Responsive design : positions joomla et resolution d'image

    Bonjour,

    Depuis plusieurs jours je lis de la doc sur le RWD pour essayer de comprendre son fonctionnement.
    Mais il a certaines choses que je ne comprends pas tres bien :

    - Positions joomla et mise en page :
    Les positions sont dans le HTML. Je ne comprends pas comment s'effectue le repositionnement selon l'ecran.
    J'ai compris cote css pour modifier le nombre de colonnes, mais je ne comprends pas comment modifier l'ordre/la position des positions joomla.

    Par exemple j'ai ca pour un ordi :
    position1 position2
    position3 position4

    et je veux ca pour un Iphone :
    position2
    position3
    position4
    position1


    - Resolution d'image :
    D'apres ce que j'ai lu, il y a un moyen pour utiliser la meme image pour les differents ecrans en modifiant sa resolution. Mais je ne trouve pas beaucoup de doc la dessus.


    Quelqu'un pourrait il m'expliquer ou me diriger vers de la doc ?

    Merci
    Nico
    Dernière édition par nico.bzh à 11/10/2012, 09h19
    Regarde Bill ... Y'a encore des £ogici€l$ gratuits !!

  • #2
    Re : Responsive design : positions joomla et resolution d'image

    - Resolution d'image :
    D'apres ce que j'ai lu, il y a un moyen pour utiliser la meme image pour les differents ecrans en modifiant sa resolution. Mais je ne trouve pas beaucoup de doc la dessus.
    Salut
    En fait tu peux avoir la même image pour tous les supports, mais il faut qu'elle s'adapte en fonction de la taille de l'écran.
    Dans ce cas il faut lui donner une class avec une largeur maxi, une mini et une largeur en %.

    exemple:
    Code:
    .classimgresponsive{width:100%;min-width:150px;max-width:800px;height:auto;float:left;}
    Formation Joomla agence internet https://www.stylitek.com
    Melijoy création de site Joomla compétitif https://www.melijoy.fr
    agence web spécialiste référencement http://www.agence-web-stylitek.fr

    Commentaire


    • #3
      Re : Responsive design : positions joomla et resolution d'image

      Merci de ta reponse. Si j'ai bien compris c'est le systeme "fluid image". Mais ce que je veux eviter c'est de creer la meme image dans plusieurs resolutions ou d'envoyer une image HD a un portable. Il y a egalement le probleme des ecrans retina.

      Je viens de trouver cette technique qui s'appelle Adaptative image :
      Article : http://24ways.org/2011/adaptive-imag...onsive-designs
      Site officiel : http://adaptive-images.com/

      Vous en pensez quoi ?
      Regarde Bill ... Y'a encore des £ogici€l$ gratuits !!

      Commentaire


      • #4
        Re : Responsive design : positions joomla et resolution d'image

        De la doc sur le sujet: Pour des exemples de code, utilise fierbug directement sur le site.

        http://twitter.github.com/bootstrap/...ss.html#images

        http://twitter.github.com/bootstrap/...tml#thumbnails
        Mon site de documentation sur Joomla et le CCK K2 : http://documentation.informaticien51.fr
        Une notice pour le CCK K2 ( mise à jour le 01/06/2015) :
        http://documentation.informaticien51...couverte-de-k2

        Commentaire

        Annonce

        Réduire
        1 sur 2 < >

        C'est [Réglé] et on n'en parle plus ?

        A quoi ça sert ?
        La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

        Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

        Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
        Comment ajouter la mention [Réglé] à votre discussion ?
        1 - Aller sur votre discussion et éditer votre premier message :


        2 - Cliquer sur la liste déroulante Préfixe.

        3 - Choisir le préfixe [Réglé].


        4 - Et voilà… votre discussion est désormais identifiée comme réglée.

        2 sur 2 < >

        Assistance au forum - Outil de publication d'infos de votre site

        Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

        Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

        Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

        UTILISER À VOS PROPRES RISQUES :
        L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

        Problèmes connus :
        FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

        Installation :

        1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

        Archive zip : https://github.com/AFUJ/FPA/zipball/master

        2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

        3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

        4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

        5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

        6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
        et remplacer www. votresite .com par votre nom de domaine


        Exemples:
        Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
        Télécharger le script fpa-fr.php dans: /public_html/
        Pour executer le script: http://www..com/fpa-fr.php

        Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
        Télécharger le script fpa-fr.php dans: /public_html/cms/
        Pour executer le script: http://www..com/cms/fpa-fr.php

        En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

        Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
        Voir plus
        Voir moins
        Travaille ...
        X