Pour le point n°2, pour la modification des CSS, le mieux est d'utiliser le plugin LocalFiles Editor et de mettre le code dont vous avez parlé plus haut, dans le fichier yoga/local-layout.css . Normalement, ça devrait fonctionner pareil. Et local-layout.css est justement là pour n'être modifié que par l'utilisateur, jamais par la mise à jour de Piwigo.
Euhhh ? même si c'est un fichier css qui n'a rien à voir avec piwigo ?
Car le fichier modifié se trouve dans un dossier ajouté par le prg slideshow, à cet endroit : /template/yoga/theme/montblancxl/css/slideshow.css
Si c'est oui, effectivement, c'est génial
Un peu tard pour essayer ce soir, mais demain, sans doute !
Hors ligne
Je n'ai pas suivi les détails mais qu'est-ce qui change avec la solution proposée par SNF69 ?
Hors ligne
En fait moi je n'avais pas la solution complète pour l'intégration car ce n'est pas moi qui l'ai géré sur ma galerie j'ai sous traité ;o)) sans suivre ça de prêt car je n'ai pas vraiment la fibre technique lolll, mais je crois que là maintenant la boucle est bouclé, il y a les infos pour le plugin et pour son intégration.
Bravo à tous.
Seb
Hors ligne
chrisncy a écrit:
Pour le point n°2, pour la modification des CSS, le mieux est d'utiliser le plugin LocalFiles Editor et de mettre le code dont vous avez parlé plus haut, dans le fichier yoga/local-layout.css . Normalement, ça devrait fonctionner pareil. Et local-layout.css est justement là pour n'être modifié que par l'utilisateur, jamais par la mise à jour de Piwigo.
Euhhh ? même si c'est un fichier css qui n'a rien à voir avec piwigo ?
Car le fichier modifié se trouve dans un dossier ajouté par le prg slideshow, à cet endroit : /template/yoga/theme/montblancxl/css/slideshow.css
Si c'est oui, effectivement, c'est génial
Un peu tard pour essayer ce soir, mais demain, sans doute !
C'était le sujet d'un poste que j'avais émis : http://fr.piwigo.org/forum/viewtopic.php?id=15989
Hors ligne
chrisncy a écrit:
Pour le point n°2, pour la modification des CSS, le mieux est d'utiliser le plugin LocalFiles Editor et de mettre le code dont vous avez parlé plus haut, dans le fichier yoga/local-layout.css . Normalement, ça devrait fonctionner pareil. Et local-layout.css est justement là pour n'être modifié que par l'utilisateur, jamais par la mise à jour de Piwigo.
Euhhh ? même si c'est un fichier css qui n'a rien à voir avec piwigo ?
Car le fichier modifié se trouve dans un dossier ajouté par le prg slideshow, à cet endroit : /template/yoga/theme/montblancxl/css/slideshow.css
Ben, maintenant, il a à voir avec Piwigo ! Au moins pour vos sites.
Mais, j'ai regardé un peu plus précisément (quoique je n'aie toujours pas lu la totalité du topic :-/ ...), il n'y a a priori pas d'appel à local-layout.css après l'appel à slideshow.css : le code rajouté dans local-layout.css ne surchargerait donc pas le contenu à modifier -> ce que je disais ne fonctionnerait donc normalement pas (d'où l'utilité de la précaution du "normalement" gras et souligné...).
Mais si ce fichier CSS n'est pas amené par Piwigo, il ne sera donc pas modifié lors des montées de version, d'où pas de reproche à se faire quant à la modification des fichiers source -- ceux de Piwigo.
SNF69 a écrit:
En fait moi je n'avais pas la solution complète pour l'intégration car ce n'est pas moi qui l'ai géré sur ma galerie j'ai sous traité ;o)) sans suivre ça de prêt car je n'ai pas vraiment la fibre technique lolll, mais je crois que là maintenant la boucle est bouclé, il y a les infos pour le plugin et pour son intégration.
Ouais ben moi j'ai déjà un autre plugin à finir !!! Je commence à avoir des réflexions, alors...!!!
(D'ailleurs, je ne discute ici que par hasard.)
;-) !
Hors ligne
LucMorizur a écrit:
Mais si ce fichier CSS n'est pas amené par Piwigo, il ne sera donc pas modifié lors des montées de version, d'où pas de reproche à se faire quant à la modification des fichiers source -- ceux de Piwigo.
Oui voilà. Le CSS à modifier fait partie des 3 dossiers de Slideshow à uploader, pour mettre en route le slide. Donc effectivement, faire un local-layout.css dans ce cas là est sans effet.
Hors ligne
chrisncy a écrit:
Donc effectivement, faire un local-layout.css dans ce cas là est sans effet.
Je n'ai pas suivi la discussion mais d'avance: local-layout.css suffit très bien et règlera le pb. Il faut juste savoir préfixer de façon suffisante les selecteurs.
Hors ligne
VDigital a écrit:
Il faut juste savoir préfixer de façon suffisante les selecteurs.
Ce que je ne sais pas faire :-)
Mais il faudrait que j'apprenne...
Hors ligne
VDigital a écrit:
Je n'ai pas suivi la discussion mais d'avance: local-layout.css suffit très bien et règlera le pb. Il faut juste savoir préfixer de façon suffisante les selecteurs.
En "affichant le code source" sur la page proposée par chrisncy, j'ai vu que les lignes
<link rel="stylesheet" type="text/css" href="template/yoga/theme/montblancxl/css/slideshow.css" media="screen" />
se situent après la ligne
<link rel="stylesheet" type="text/css" href="template/yoga/layout.css">
(laquelle appelle aussi local-layout.css si je ne m'abuse). J'en ai donc déduit qu'une modification de local-layout.css ne fonctionnerait pas. Me trompé-je ?
Et sinon je me suis dit qu'on peut ajouter une ligne
<link rel="stylesheet" type="text/css" href="<je sais plus où et on m'attend pour manger>/local-layout.css">
après
<link rel="stylesheet" type="text/css" href="template/yoga/theme/montblancxl/css/slideshow.css" media="screen" />
dans un header.tpl perso. Irait-ce ?
Hors ligne
Je vais suivre vos débat avec attention, sans trop donner mon avis, car là, pour moi, ça commence à devenir obscur... ;-)
Hors ligne
LucMorizur a écrit:
J'en ai donc déduit qu'une modification de local-layout.css ne fonctionnerait pas. Me trompé-je ?
Je me répète un peu... Non, car elle pourrait qu'en même fonctionner si tu préfixes le sélecteur que tu veux modifier.
Exemple: ./.../css/slideshow.css
.slideshow-images { height: 200px; width: 940px; }
./<j'ai déjà mangé mais je m'en vais>/local-layout.css
body .slideshow-images { height: 150px; width: 1020px; }
body .slideshow-images { height: 150px; width: 1020px; }
ou
#show .slideshow-images { height: 150px; width: 1020px; }
#the_page .slideshow-images { height: 150px; width: 1020px; }
body #the_page .slideshow-images { height: 150px; width: 1020px; }
body #show .slideshow-images { height: 150px; width: 1020px; }
body #the_page #show .slideshow-images { height: 150px; width: 1020px; }
Cela laisse des solutions. Par prudence, par prévision, on se limitera au minimum.
#show .slideshow-images { height: 150px; width: 1020px; }
cette dernière solution dans ce cas me parait la plus sage.
LucMorizur a écrit:
Et sinon je me suis dit qu'on peut ajouter une ligne
<link rel="stylesheet" type="text/css" href="<je sais plus où et on m'attend pour manger>/local-layout.css">
après
<link rel="stylesheet" type="text/css" href="template/yoga/theme/montblancxl/css/slideshow.css" media="screen" />
dans un header.tpl perso. Irait-ce ?
Donc inutile.
Hors ligne
Merci Vincent, c'est très instructif.
Si je comprends bien, le fait de préfixer, en "ajoutant" l'élément "body" (ou "#show") devant .slideshow, permet de faire en sorte que les instructions qu'on indique, comme elles précisent à quels éléments elles doivent s'appliquer, soient préférées à d'autres instructions définies moins précisément, même si celles-ci sont définies après les nôtres ?
Par contre, si l'on utilise body.slideshow-... dans ./<j'aurais vraiment pas dû reprendre deux fois des huîtres et du pudding à déjeûner>/local-layout.css, a priori on arrive au niveau d'élément le plus haut (toute page est totalement contenue dans l'élément <body>), et donc cette façon de faire ne peut plus être utilisée, d'où le conseil d'utiliser plutôt #show ?
Dernière modification par LucMorizur (2009-09-12 17:27:07)
Hors ligne
LucMorizur a écrit:
Par contre, si l'on utilise body.slideshow-... dans ./<j'aurais vraiment pas dû reprendre deux fois des huîtres et du pudding à déjeûner>/local-layout.css, a priori on arrive au niveau d'élément le plus haut (toute page est totalement contenue dans l'élément <body>), et donc cette façon de faire ne peut plus être utilisée, d'où le conseil d'utiliser plutôt #show ?
OUI.
Attention si tu colles une balise html et un sélecteur de class ou d'id cela veut dire "la" balise html ayant l'id ou la class correspondant inclus dans la balise.
Si tu laisses un espace, c'est n'importe quel élement html (on dit descendant) ayant la class ou l'id qui seront sélectionnés.
body.slideshow
correspondrait à :
<body class="slideshow ">
...
Alors que
body .slideshow
correspondrait par exemple à :
<body>
.../...
<JE_SUIS_DE_RETOUR class="slideshow ">
.../...
</JE_SUIS_DE_RETOUR>
...
La référence en anglais...
;-)
Hors ligne
Voilà, ça y est ! j'ai tout installé sur mon vrai site
Il me reste une question : comment se débarrasser du bandeau, lors de la visu des images ?
j'ai bien installé Remove MB Header, mais cela n'a pas eu d'effet.
Une petite idée ?
Hors ligne
VDigital a écrit:
LucMorizur a écrit:
(...)
OUI.
YES !!!
Attention (...)
OK. Je comprends mieux certaines surprises que j'ai eues, maintenant.
Merci encore Vincent.
Car l'autoformation, ça peut être pas mal ; SelfHTML, Le Site du Zér0 ou encore beaucoup d'autres, c'est extrêmement appréciable ; mais tout ça ne remplacera jamais les études où on prend les choses à la base, et où on les déroule dans le bon sens.
Hélas mes études sont loin derrière aujourd'hui, et ne reviendront jamais :-(( ...
@chrisncy : je crois me souvenir que Remove MB Header ne fonctionne pas espécialement pour yoga/MontBlancXL, et que P@t avait publié un petit patch à ce sujet. Fouille les extensions et le fil de discussion de MontBlancXL. Sinon j'essaierai de chercher.
Hors ligne