Piwigo.org

Zaphod · 2011-06-15 09:20:45

Je cherche à définir des règles CSS spécifique pour une catégorie (pour laquelle je veux mettre une carte GMaps dans la description, et donc j'ai besoin de réorganiser spécifiquement la mise en page des miniatures autour)

J'ai essayé de mettre du CSS directement dans la description de la manière suivante :

Code:

<style type="text/css">
#content .additional_info { (...) }
(...)
</style>

Dans l'absolu, c'est plutôt cohérent puisque le jour où je veux virer la carte GMaps, je vire en même temps le CSS associé, donc ça me plait plutôt bien.

Ca semble marcher... mais normalement ce type d'info est censé être dans l'en-tête.

Est-ce qu'il y a des possibles problèmes à fonctionner comme ça ?

Gotcha · 2011-06-15 16:10:49

Zaphod a écrit:
Est-ce qu'il y a des possibles problèmes à fonctionner comme ça ?

A part pour la validation W3C (et encore, c'est à vérifier) je ne vois pas de problèmes particuliers.

repie38 · 2011-06-15 16:38:52

on doit pouvoir faire ca avec un template-extension aussi non ? ca fait un bout de temps que j'ai pas pratiqué, mais il me semble qu'on peut assigner un TE a une categorie.

Gotcha · 2011-06-15 16:39:57

repie38 a écrit:
on doit pouvoir faire ca avec un template-extension aussi non ? ca fait un bout de temps que j'ai pas pratiqué, mais il me semble qu'on peut assigner un TE a une categorie.

Exact c'est vrai, via les paramètres de l'URL. Mais je ne sais pas m'en servir moi ^^

Zaphod · 2011-06-15 18:49:43

repie38 a écrit:
on doit pouvoir faire ca avec un template-extension aussi non ? ca fait un bout de temps que j'ai pas pratiqué, mais il me semble qu'on peut assigner un TE a une categorie.

Il ne me semble pas.
On peut affecter un TE juste pour l'affichage par catégorie, mais pas (en tous cas pas directement) pour une catégorie spécifique.

En tous cas, tests effectués (bien sur pas exhaustifs) ça semble bien marcher.

Dernière modification par Zaphod (2011-06-15 18:50:21)

flop25 · 2011-06-15 19:08:15

bon en fait ce n'est pas dans les règles mais la plupart des navigateurs interprètent ... si ils sont conciliants !^^
restent à voir pour les navigateurs mobiles ...

mais voici la base d'une solution propre :

http://piwigo.org/forum/viewtopic.php?p … 71#p121871

il suffit de remplacer les lignes $template->assign par l'ajout de CSS via head_element par ex

Zaphod · 2011-06-15 19:20:15

En fait comme il s'agit de ma galerie privée, je pense que ça passera bien... il y a un nombre limité de visiteurs et aucun n'utilise des navigateurs exotiques style IE6... donc ça devrait le faire.

En tous cas sur mon PC je suis plutôt content du résultat.

Pour mettre dans le contexte, je souhaitais changer la mise en page pour UNE catégorie afin que toutes les catégories soient bien visibles, et cela à côté de la carte Gmaps.
Vu que la carte Gmaps est dans la description et que normalement la description est au-dessus des miniatures (ou en-dessous avec ExtendedDescription), il me fallait remettre ça en forme sans que ça foute le reste en vrac.

Voila ce que ça donne :

flop25 · 2011-06-15 19:23:24

j'aime !!

ddtddt · 2011-06-15 21:19:38

très jolie :-)

Tu as quoi comme largeur d'écran sur un 1024 cela donne quoi ?

Zaphod · 2011-06-15 21:34:05

Perso j'ai un 1600 mais comme avec Firefox j'ai la liste des onglets sur la gauche (au lieu d'en haut - avec TreeSizeFree) il me reste environ 1300 pixels réels.

Vu que j'ai agrandi le menu de Sylvia, le total a besoin d'un écran de 1280 pixels de large pour être correctement affiché.
Mais, avec moins de 1280px, c'est la carte qui sera tronquée (et non la liste des catégories - je veux absolument que la liste des catégories soit dispo sans devoir scroller car sinon certains ne voient pas qu'elles existent.)
C'est un moindre mal...

Pareil en hauteur, sur des écrans de 768 pixels de haut, ça fera juste.
Le bas des catégories et de la carte ne sera pas visible.
(encore pire sur les netbooks de 600px, mais là il n'y a pas de solution)

Bref c'est ce que j'ai trouvé de mieux pour "limiter les dégats" sur les petits écrans.
C'est toujours complexe de faire un affichage qui soit propre sur toutes tailles d'écrans...

Gotcha · 2011-06-15 21:38:15

flop25 a écrit:
j'aime !!

+1

repie38 · 2011-06-15 23:38:27

Zaphod a écrit:
repie38 a écrit:
on doit pouvoir faire ca avec un template-extension aussi non ? ca fait un bout de temps que j'ai pas pratiqué, mais il me semble qu'on peut assigner un TE a une categorie.
Il ne me semble pas.
On peut affecter un TE juste pour l'affichage par catégorie, mais pas (en tous cas pas directement) pour une catégorie spécifique.

En tous cas, tests effectués (bien sur pas exhaustifs) ça semble bien marcher.

je viens de tester, si si, on peut, mais il faut d'abord definir un permalien pour la categorie, et ensuite il apparait dans "Paramètre facultatif de l'URL" dans la config des template extension. c'est une autre solution, mais ca a deja l'air de bien marcher comme c'est ;)

Dernière modification par repie38 (2011-06-15 23:39:43)

Zaphod · 2011-06-15 23:43:29

C'est bon à savoir pour une autre fois en tous cas...
Je n'avais jamais fait de permalien.
Je vais essayer, pour ma culture ;)

Zaphod · 2011-06-15 23:47:56

Je viens de tester, je ne savais pas du tout qu'on pouvait faire ça... ça peut être vraiment bon.
Ca peut permettre de faire des choses encore plus personnalisées sur chaque catégorie, au besoin.

plg · 2011-06-16 08:47:36

Très franchement, faut pas pas se prendre la tête et sortir l'artillerie lourde pour un besoin aussi simple : du CSS dans la description de l'album, ça marche très bien et cela évitera tout problème lors des futures mises à jour de Piwigo (contrairement aux template-extension).

Piwigo.org

Annonce

#1 2011-06-15 09:20:45

[Résolu] CSS spécifique pour une catégorie ?

Code:

#2 2011-06-15 16:10:49

Re: [Résolu] CSS spécifique pour une catégorie ?

Zaphod a écrit:

#3 2011-06-15 16:38:52

Re: [Résolu] CSS spécifique pour une catégorie ?

#4 2011-06-15 16:39:57

Re: [Résolu] CSS spécifique pour une catégorie ?

repie38 a écrit:

#5 2011-06-15 18:49:43

Re: [Résolu] CSS spécifique pour une catégorie ?

repie38 a écrit:

#6 2011-06-15 19:08:15

Re: [Résolu] CSS spécifique pour une catégorie ?

#7 2011-06-15 19:20:15

Re: [Résolu] CSS spécifique pour une catégorie ?

#8 2011-06-15 19:23:24

Re: [Résolu] CSS spécifique pour une catégorie ?

#9 2011-06-15 21:19:38

Re: [Résolu] CSS spécifique pour une catégorie ?

#10 2011-06-15 21:34:05

Re: [Résolu] CSS spécifique pour une catégorie ?

#11 2011-06-15 21:38:15

Re: [Résolu] CSS spécifique pour une catégorie ?

flop25 a écrit:

#12 2011-06-15 23:38:27

Re: [Résolu] CSS spécifique pour une catégorie ?

Zaphod a écrit:

repie38 a écrit:

#13 2011-06-15 23:43:29

Re: [Résolu] CSS spécifique pour une catégorie ?

#14 2011-06-15 23:47:56

Re: [Résolu] CSS spécifique pour une catégorie ?

#15 2011-06-16 08:47:36

Re: [Résolu] CSS spécifique pour une catégorie ?

Pied de page des forums