Configuration de l'affichage avec Ja-Elastica

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

  • [Problème] Configuration de l'affichage avec Ja-Elastica

    Bonjour,
    J'ai mis sur mon Joomla le template JA-Elastica. Je suis très satisfait et les tutoriels que j'ai pu trouver dessus sont très complets.
    En revanche, il y a une petite chose qui me tracasse :

    Lorsque je suis sur un écran mesurant à partir de 11", j'ai toujours un espace non utilisé des deux côtés de mon site:
    Cliquez sur l'image pour l'afficher en taille normale

Nom : Capture.jpg 
Affichages : 1 
Taille : 49,9 Ko 
ID : 1816455
    Donc première petite question, comment étendre le site à 100% de la fenêtre?

    Ensuite, sur des écrans très grands, le site arrêtait de grandir et de s'adapter à partir de 1280px, j'ai donc modifié les fichiers suivants comme suit :
    Default.xml
    Code HTML:
    <file media="all">css/layout.css</file>
    <file media="all">css/template.css</file>
    <file media="all">css/modules.css</file>
    <file media="only screen and (max-width:719px)">css/layout-mobile.css</file>
    <file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
    <file media="only screen and (min-width:720px) and (max-width: 985px)">css/layout-tablet.css</file>
    <file media="only screen and (min-width:986px) and (max-width: 1235px)">css/layout-normal.css</file>
    <file media="only screen and (min-width:1236px) and (max-width: 1440px)">css/layout-wide.css</file>
    <file media="only screen and (min-width:1440px)">css/layout-extra-wide.css</file>
    Je n'ai pas compris pourquoi layout-extra-wide.css n'était pas utilisé, donc je l'ai référencé et l'ai modifié comme suit :
    Code:
    /* MAIN LAYOUT DIVS
    --------------------------------------------------------- */
    .main {
    max-width: 1920px !important;
    width: 1920px !important;
    }
    
    #ja-main {
    width: 1920px ;
    float: left;
    }
    
    /* CONTENT'S GRIDS
    --------------------------------------------------------- */
    #ja-extra-col {
    display: block !important;
    float: right;
    }
    J'ai un bon redimensionnement à droite (non testé sur les écran >1920) mais à gauche mes blocs ne se déplacent pas de manière fluide tout à gauche comme avec les autres résolutions:
    Cliquez sur l'image pour l'afficher en taille normale

Nom : site_modifi.jpg 
Affichages : 1 
Taille : 29,2 Ko 
ID : 1816456

    On voit donc bien que le site s'adapte à droite, mais pas à gauche
    Et ce que j'ai si le fichier n'est pas modifié :
    Cliquez sur l'image pour l'afficher en taille normale

Nom : site_ori.jpg 
Affichages : 1 
Taille : 30,6 Ko 
ID : 1816457

    La mise en page qui m'intéresse, donc, est la mise en page extra-large : Présentation de Ja-Elastica
    Ce qui est présenté ici m'irait à la perfection ...

    Merci mille fois d'avance pour votre aide !!

    Julien!

    EDIT: J'ai trouvé des ressources intéressantes ici, mais pour le moment je n'en ai rien tiré ...
    Dernière édition par ienien à 25/10/2012, 22h29

  • #2
    Re : Configuration de l'affichage avec Ja-Elastica

    Voici l'URL de test de mon site si besoin : Site
    Je le modifie constamment pour faire des tests donc prenez plutôt les captures d'écran comme référence.
    Dernière édition par ienien à 09/11/2012, 14h02

    Commentaire


    • #3
      Re : Configuration de l'affichage avec Ja-Elastica

      Bonjour,

      tu peux également essayé de poser ta question sur ce forum.
      Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous

      Référencement Joomla! 10 astuces pour référencer son site web https://cinnk.com/articles/referencement-joomla-10-astuces-pour-referencer-son-site-web

      Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

      Commentaire


      • #4
        Re : Configuration de l'affichage avec Ja-Elastica

        Bonjour,

        Merci de ta réponse, j'ai déjà posé une question, mais apparemment personne ne peut me répondre ...

        Commentaire


        • #5
          Re : Configuration de l'affichage avec Ja-Elastica

          J'ai trouvé comment mieux exprimer ma demande :
          Je voudrais que le main fasse la taille du wrap
          Merci d'avance !
          Dernière édition par ienien à 29/10/2012, 23h01

          Commentaire


          • #6
            Re : Configuration de l'affichage avec Ja-Elastica

            salut comme as-tu fais pour placer le menu du haut j'arrive pas a trouver la position

            Commentaire


            • #7
              Re : Configuration de l'affichage avec Ja-Elastica

              Envoyé par yoyo910 Voir le message
              salut comme as-tu fais pour placer le menu du haut j'arrive pas a trouver la position
              Salut, tu parles bien du message d'accueil ? Je me suis aidé d'un tutoriel trouvé ici : Tutoriel

              Commentaire


              • #8
                Re : Configuration de l'affichage avec Ja-Elastica

                merci j'ai trouvé il faut placer le menu directement à partir du template . mais bon j'ai abandonné ce template je trouve qu'il y a vraiment trop de travail à faire dessus
                Dernière édition par yoyo910 à 20/04/2013, 23h13

                Commentaire


                • #9
                  Re : Configuration de l'affichage avec Ja-Elastica

                  oui c'est ça ! Je suis d'accord, mais il a vraiment un super rendu !

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X