[Astuce] Sigplus

[Heqven]

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

[lomart]

Re : Sigplus

Bonjour,

Oui, il faudra peut être jouer avec les css

[Heqven]

Re : Sigplus

aurai-vous une soluce ? toute faite =)

[lomart]

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
}

[Heqven]

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

[lomart]

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

[Heqven]

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

[lomart]

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 ...

[Heqven]

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
}

[Heqven]

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

[Heqven]

Re : Sigplus

Y'aurai t-il une solution ?