Piwigo.org

Pompon · 2006-05-19 18:34:46

Merci de ta réponse chrisaga,

Tu m'as mis la puce à l'oreille et après quelques essais, j'ai réussi à obtenir ce que je voulais (cadre qui colle vraiment à la vignette en mode portrait et paysage et qui change de couleur lors du passage de la souris dessus):

Je fais une petite synthèse des manips à effectuer :
Dans le fichier content.css de chaque template remplacer (version 1.5.2) :

Code:

#content UL.thumbnails IMG {
  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
}

par (j'ai repris les couleurs initiales mais elles sont modifiables dans ce code):

Code:

#content UL.thumbnails IMG {
  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
  border: 1px solid #aaaaaa;
}

#content UL.thumbnails IMG:hover {
  border-color: yellow;    /* thumbnails border color when mouse cursor is over it */
}

Ne pas oublier de mettre le "border" à zéro dans :

Code:

#content UL.thumbnails SPAN.wrap2 {
  border: 1px solid #aaaaaa;  /* thumbnails border color and style */
  -moz-border-radius: 4px;  /* round corners with Geko */
  border-radius: 4px 4px;  /* round corners with CSS3 compliant browsers */
}

Et de règler l'espacement souhaité entre les vignettes dans la balise "width" :

Code:

/* Thumbnails customization */
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
  width: 128px;      /* max thumbnail width + 2px */

Est-ce bon et pas trop tordus ?

chrisaga · 2006-05-19 19:06:24

C'est effectivement ce que j'avais en tête, mais je n'avais pas les fichiers sous la main pour pouvoir être plus précis

Pompon a écrit:
Est-ce bon et pas trop tordus ?

Si ça fonctionne comme tu veux, c'est que c'est bon
De toutes façons, l'affichage des vignettes, c'est tordu pour ariver à quelque-chose de fluide et compatible avec IE et les autres navigateurs (a peu près) conforme aux normes W3C.

Cet exemple serait à reporter dans le wiki car il illustre parfaitement la production d'une présentation très différente avec un même code html, par simple modification des feuilles de style.

Idée à creuser : disposer d'une collection de présentations différentes pour les vignettes sur lesquelles les webmestres pouraient se baser pour construire leurs propres thèmes (css dédiée à inclure ?).

<:o)

PS. Pompon : un petit lien pour voir ce que ça donne ?

Dernière modification par chrisaga (2006-05-19 19:08:08)

VDigital · 2006-05-19 19:17:22

Pompon,

Pourrait-on avoir un lien pour voir le rendu?
Une petite catégorie publique au besoin...

Merci.
8-)

J'avais loupé le post de Chris...

Dernière modification par VDigital (2006-05-19 19:18:40)

Pompon · 2006-05-19 22:06:57

Re,

Voilà j'ai mis en place la modif de cadre sur le site de mon frère :
-> Exemple avec les cadres qui collent à la vignette

Testé correctement sur mac sur les navigateurs suivants : safari 2.0.3, firefox 1.5.0.3, opera 8.54, shiira 1.2.2, netscape 7.02.
Internet explorer pour mac est dans les choux (mais la version initiale de phpwebgallery a des soucis également).

En espérant que tout marche sur d'autres navigateurs, sur d'autres OS (c'est beau de rêver).
@+

EDIT : Testé sur pc sur firefox 1.5.03 pas de problème et sur internet explorer 6.02 pas de cadre (pas plus sur la version initiale de phpwebgallery) et un bug mais qui doit venir de mon intégration du mod news je pense.

Dernière modification par Pompon (2006-05-20 05:43:13)

chrisaga · 2006-05-22 19:09:46

Pompon a écrit:
sur internet explorer 6.02 pas de cadre (pas plus sur la version initiale de phpwebgallery)

Ce qui ne fonctionne pas, c'est l'activation du cadre par survol de la soursi (:hover en langage technique) pour des objets autres que des liens.
Il y a des contournements possibles, mais que je n'ai pas eu le temps d'intégrer.
Il paraît que ça fonctionnera nativement avec IE7

<:o)

Piwigo.org

Annonce

#16 2006-05-19 18:34:46

Re: [1.6.0RC1] Image qui déborde et cadre autour des photo

Code:

Code:

Code:

Code:

#17 2006-05-19 19:06:24

Re: [1.6.0RC1] Image qui déborde et cadre autour des photo

Pompon a écrit:

#18 2006-05-19 19:17:22

Re: [1.6.0RC1] Image qui déborde et cadre autour des photo

#19 2006-05-19 22:06:57

Re: [1.6.0RC1] Image qui déborde et cadre autour des photo

#20 2006-05-22 19:09:46

Re: [1.6.0RC1] Image qui déborde et cadre autour des photo

Pompon a écrit:

Pied de page des forums