Sigplus

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

  • [Astuce] Sigplus

    Bonjour,

    Je voulais savoir si avec SIGPLUS est-ce possible des cadres pour des photos qu'importe les dimensions du tableau ?

    comme ceci : http://www.badermahasneh.com/galleries/paintings.php

  • #2
    Re : Sigplus

    Bonjour,

    Oui, il faudra peut être jouer avec les css
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Sigplus

      aurai-vous une soluce ? toute faite =)

      Commentaire


      • #4
        Re : Sigplus

        aurai-vous une soluce ? toute faite =)
        Non, car il faudra l'adapter aux couleurs de votre site
        Le principe est de ne pas demander de recadrage et de mettre les largeurs et hauteurs à 200px par exemple puis de forcer la hauteur et largeur de la classe sigplus-gallery
        Comme la feuille se style est minimisé, il est mieux d'ajouter la règle suivante à la fin de votre feuille de style
        div.sigplus-gallery > ul > li {
        height:200px !important
        width:200px !important
        }
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Sigplus

          j'ai ceci en code css : /* images */
          div.sigplus-gallery ul > li > img,
          div.sigplus-gallery ul > li > a > img {
          background-color: #202020;
          border: 1px solid #333333;
          border-spacing: 10px;
          height: 90px;
          text-align: center;
          vertical-align: middle;
          height:200px !important
          width:200px !important
          }

          Dans la configuration du module j'ai mis 100px en largeur et exterieur
          Recadrage en off

          Commentaire


          • #6
            Re : Sigplus

            div.sigplus-gallery ul > li > img,
            Non ce n'est pas l'image mais le conteneur.
            Ajouter mon code avec 100px puisque vous l'avez défini dans les paramètres
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire


            • #7
              Re : Sigplus

              /* items */
              div.sigplus-gallery ul > li {
              margin:0 !important;
              border:0 none transparent !important;
              padding:0 !important;
              height:100px !important
              width:100px !important
              }

              Je n'ai pas de champs conteneur

              Commentaire


              • #8
                Re : Sigplus

                Je n'ai pas de champs conteneur
                le conteneur est le champ qui contient
                tapez mon code sans vous poser de questions et ensuite on discute ...
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Re : Sigplus

                  C'est fait.

                  J'ai des cadres rectangulaires et carrés or ce que je souhaite je veux uniquement que des carrés
                  Voila mon code css:

                  /* items */
                  div.sigplus-gallery ul > li {
                  margin:0 !important;
                  border:0 none transparent !important;
                  padding:0 !important;
                  }

                  /* items with caption below */
                  div.sigplus-gallery.sigplus-captionsbelow ul > li {
                  padding-bottom:60px !important;
                  }

                  div.sigplus-gallery.sigplus-captionsabove ul > li {
                  padding-top:60px !important;
                  }

                  /* images */
                  div.sigplus-gallery ul > li > img,
                  div.sigplus-gallery ul > li > a > img {
                  background-color: #202020;
                  border: 1px solid #333333;
                  border-spacing: 10px;
                  height: 90px;
                  text-align: center;
                  vertical-align: middle;
                  width: 110px;

                  }


                  div.example div.sigplus-gallery ul > li {
                  margin:4px !important;
                  border:1px solid blue !important;
                  padding:2px !important;
                  }

                  /* images (an example with margin, border and padding) */
                  div.example div.sigplus-gallery ul > li > img,
                  div.example div.sigplus-gallery ul > li > a > img {
                  margin:4px !important;
                  border:thin solid gray !important;
                  padding:2px !important;
                  }

                  /* images on mouse hover (an example) */
                  div.example div.sigplus-gallery ul > li > a:hover > img {
                  margin:4px !important;
                  border:thin solid red !important;
                  padding:2px !important;
                  }

                  /*
                  * Generic image gallery stylesheet rules.
                  * Rules in this section should normally be left as they are.
                  */

                  /* image gallery alignment */
                  div.sigplus-center > * {
                  float:none !important;
                  clear:both !important;
                  margin:0 auto !important;
                  text-align:center !important; /* for flow layout */
                  }

                  div.sigplus-left {
                  text-align:left !important; /* for flow layout */
                  }

                  div.sigplus-right {
                  text-align:right !important; /* for flow layout */
                  }

                  div.sigplus-left.sigplus-float > * {
                  float:left !important;
                  }

                  div.sigplus-left.sigplus-clear > * {
                  margin:0 auto 0 0 !important;
                  }

                  div.sigplus-right.sigplus-float > * {
                  float:right !important;
                  }

                  div.sigplus-right.sigplus-clear > * {
                  margin: 0 0 0 auto !important;
                  }

                  /* flow layout */
                  div.sigplus-gallery > ul {
                  display:block !important;
                  position:relative !important;
                  margin:0 !important;
                  padding:0 !important;
                  list-style-type:none !important;
                  list-style-image:none !important;
                  }

                  div.sigplus-gallery > ul > li {
                  display:inline-block !important;
                  margin:0 !important;
                  padding:0 !important;
                  background:transparent none no-repeat scroll 0 0 !important;
                  text-align:center !important;
                  vertical-align:middle !important;
                  }

                  div.sigplus-gallery ul > li > a {
                  display:inline-block;
                  }
                  div.sigplus-gallery > ul > li {
                  height:100px !important
                  width:100px !important
                  }

                  Commentaire


                  • #10
                    Re : Sigplus

                    UP !

                    http://amal-alzahrani.com/index.php/...e/femme-du-sud . Je souhaite avoir les mêmes cadres carrés quelque soit la dimension de la photo

                    Commentaire


                    • #11
                      Re : Sigplus

                      Y'aurai t-il une solution ?

                      Commentaire

                      Annonce

                      Réduire
                      Aucune annonce pour le moment.

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X