<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[L'Agora sur Chronica – css filter]]></title>
	<link rel="self" href="https://agora.chauvigne.info/extern.php?action=feed&amp;tid=582&amp;type=atom" />
	<updated>2026-02-18T14:42:29Z</updated>
	<generator>PunBB</generator>
	<id>https://agora.chauvigne.info/viewtopic.php?id=582</id>
		<entry>
			<title type="html"><![CDATA[Re: css filter]]></title>
			<link rel="alternate" href="https://agora.chauvigne.info/viewtopic.php?pid=3964#p3964" />
			<content type="html"><![CDATA[<p>Mémo : le plugin Super Zoom annule l&#039;effet filter quand il est activé sur img, mais c&#039;est bon avec le css filter en hover.</p>]]></content>
			<author>
				<name><![CDATA[Katryne]]></name>
				<uri>https://agora.chauvigne.info/profile.php?id=2</uri>
			</author>
			<updated>2026-02-18T14:42:29Z</updated>
			<id>https://agora.chauvigne.info/viewtopic.php?pid=3964#p3964</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: css filter]]></title>
			<link rel="alternate" href="https://agora.chauvigne.info/viewtopic.php?pid=3963#p3963" />
			<content type="html"><![CDATA[<p>Un piwigiste trouvait que ses photos de nuit étaient trop sombres une fois téléversées sur son Piwigo, alors qu&#039;elles étaient correctes, vues localement sur son ordinateur.<br />J&#039;ai proposé une solution css sur le site en appliquant à cet album en ligne un effet filter brightness. Pour que l&#039;effet ne porte que sur les photos d&#039;un seul album et pas un autre, le css (que j&#039;ai mis pour essayer dans l&#039;onglet css du plugin Local Files Editor) est assez long pour ne cibler, dans l&#039;exemple, que les photos de l&#039;album 388 :<br /></p><div class="codebox"><pre><code>/*test filter brightness sur photos nocturnes album388*/
html &gt; body#theCategoryPage.section-categories.category-388 &gt; div#wrapper &gt; div.container-fluid &gt; div#content.content-grid.pt-3 &gt; div#thumbnails.row &gt; div.col-outer.col-xl-3.col-lg-4.col-md-6.col-sm-6.col-12 &gt; div.card.card-thumbnail.path-ext-jpg.file-ext-jpg &gt; div.h-100 &gt; a.ripple &gt; img.card-img-top.thumb-img,
html &gt; body#thePicturePage.section-categories.category-388.image-0 &gt; div#wrapper &gt; div#main-picture-container.container-fluid &gt; div#theImage.row.d-block.justify-content-center.mb-3 &gt; img#theMainImage.path-ext-jpg.file-ext-jpg,
html &gt; body#thePicturePage.section-categories.category-388.image-0 &gt; div#wrapper &gt; div#main-picture-container.container-fluid &gt; div#theImage.row.d-block.justify-content-center.mb-3 &gt; img#theMainImage.path-ext-jpg.file-ext-jpeg
{filter : brightness(130%);}</code></pre></div><p>Ça marche bien, mais l&#039;album test n&#039;est plus en ligne.</p><p><span class="postimg"><img src="https://agora.chauvigne.info/uploads/images/2026/02/18/excalibur.gif" alt="https://agora.chauvigne.info/uploads/images/2026/02/18/excalibur.gif" /></span></p>]]></content>
			<author>
				<name><![CDATA[Katryne]]></name>
				<uri>https://agora.chauvigne.info/profile.php?id=2</uri>
			</author>
			<updated>2026-02-18T12:16:49Z</updated>
			<id>https://agora.chauvigne.info/viewtopic.php?pid=3963#p3963</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[css filter]]></title>
			<link rel="alternate" href="https://agora.chauvigne.info/viewtopic.php?pid=3962#p3962" />
			<content type="html"><![CDATA[<p>Les effets filter en css, voir ce site : <a href="https://outils-css.aliasdmc.fr/generateur-de-css-filter.php" target="_blank" rel="noopener noreferrer nofollow">https://outils-css.aliasdmc.fr/generate … filter.php</a></p><p>Différents effets filter avec exemples :<br />Click the property values below to see the result:<br />filter: none;<br />filter: blur(5px);<br />filter: brightness(200%);<br />filter: contrast(200%);<br />filter: drop-shadow(8px 8px 10px gray);<br />filter: grayscale(100%);<br />filter: hue-rotate(90deg);<br />filter: invert(100%);<br />filter: opacity(30%);<br />filter: saturate(8);<br />filter: sepia(100%);<br />filter: contrast(200%) brightness(150%);</p>]]></content>
			<author>
				<name><![CDATA[Katryne]]></name>
				<uri>https://agora.chauvigne.info/profile.php?id=2</uri>
			</author>
			<updated>2026-02-16T20:13:10Z</updated>
			<id>https://agora.chauvigne.info/viewtopic.php?pid=3962#p3962</id>
		</entry>
</feed>
