Mon bac à sable - Mot-clé - pouët<p>Un atelier de démonstration de thèmes et de plugins pour Dotclear.</p>2024-02-16T19:51:32+01:00Philippe Hénaffurn:md5:62dd470f0e02bb1b7c1fd64f90fee293DotclearPlugin Colorboxurn:md5:b5e99ea200f4be01ffd35cbbcf8b50b22023-05-14T12:08:00+02:002023-05-14T12:08:00+02:00PhilippePluginsploppouët<h3>Personnalisez votre lightbox !</h3>
<p>Ce plugin permet de configurer l'aspect de la fenêtre modale dans laquelle sont agrandies les images de vos billets. Il est basé sur le script <a href="http://colorpowered.com/colorbox/" hreflang="en" title="colorpowered.com">Colorbox</a> pour jQuery de Jack Moore, sous licence <a href="http://www.opensource.org/licenses/mit-license.php" hreflang="en">MIT</a>.</p>
<p><a href="https://www.dissitou.org/public/colorbox/veau-corse.jpg" title="Veau Corse"><img alt="Veau Corse" src="https://www.dissitou.org/public/colorbox/veau-corse.jpg" style="display:block; margin:0 auto;" /></a></p> <p>Plusieurs thèmes sont proposés, et peuvent être modifiés en CSS. De nombreuses options permettent de redimensionner les images, faire un diaporama, afficher du html, etc. L'aide intégrée du plugin détaille toutes ces options.</p>
<h3>En images</h3>
<h4>Aspect de la fenêtre modale</h4>
<p><a href="https://www.dissitou.org/public/colorbox/ColorBox-Theme.png" title="Thèmes Colorbox"><img alt="Thèmes ColorBox" src="https://www.dissitou.org/public/colorbox/ColorBox-Theme.png" style="display:block; margin:0 auto;" title="Thèmes de Colorbox" /></a></p>
<h4>Affichage d'une icône de zoom sur les miniatures</h4>
<p><a href="https://www.dissitou.org/public/colorbox/ColorBox-Zoom-Icon.png" title="Icône de zoom de Colorbox"><img alt="Icône de zoom de Colorbox" src="https://www.dissitou.org/public/colorbox/ColorBox-Zoom-Icon.png" style="display:block; margin:0 auto;" title="Icône de zoom ColorBox" /></a></p>
<h4>Paramètres avancés</h4>
<p><a href="https://www.dissitou.org/public/colorbox/ColorBox-Advanced.png" title="Paramètres avancés de Colorbox"><img alt="Paramètres avancés de Colorbox" src="https://www.dissitou.org/public/colorbox/ColorBox-Advanced.png" style="display:block; margin:0 auto;" title="Paramètres avancés de Colorbox" /></a></p>
<p><a href="https://www.dissitou.org/public/colorbox/4.png" title="Paramètres avancés : dimensions"><img alt="Paramètres avancés : dimensions" src="https://www.dissitou.org/public/colorbox/4.png" style="display:block; margin:0 auto;" title="Paramètres avancés : dimensions" /></a></p>
<p><a href="https://www.dissitou.org/public/colorbox/5.png" title="Paramètres avancés : callbacks"><img alt="Paramètres avancés : callbacks" src="https://www.dissitou.org/public/colorbox/5.png" style="display:block; margin:0 auto;" title="Paramètres avancés : callbacks" /></a></p>
<h3>Support</h3>
<p><a href="http://forum.dotclear.org/viewtopic.php?id=41900" title="Colorbox : support et discussion">Fil dédié sur le forum de Dotclear</a></p>
<h3>Téléchargement</h3>
<p><a href="https://plugins.dotaddict.org/dc2/details/colorbox" title="Plugin Colorbox">Sur Dotaddict</a></p>https://www.dissitou.org/post/Lightbox-testum#comment-formhttps://www.dissitou.org/feed/atom/comments/18Thème Grayscaleurn:md5:8669ba7d7536b5ed967cf9b1adb8d9d92021-07-11T14:51:00+01:002021-11-12T07:03:21+00:00PhilippeThèmesboumdringpouëtpschitpwetscratch<h3>Avec du vrai Bootstrap 5 dedans !</h3>
<p><a class="media-link" href="https://www.dissitou.org/public/grayscale/grayscale.jpg"><img alt="Thème Grayscale" class="media" src="https://www.dissitou.org/public/grayscale/grayscale.jpg" style="margin: 0 auto; display: block;" title="Thème Grayscale" /></a></p> <p>Adaptation libre sous licence Apache 2.0 du thème <a href="http://startbootstrap.com/template-overviews/grayscale/" hreflang="en" title="Start Bootstrap Grayscale Theme">Grayscale</a>, lui-même basé sur le framework Twitter Bootstrap.</p>
<h3>Personnalisation du menu</h3>
<p>Le plugin Simple Menu est utilisé par le thème pour afficher le menu horizontal en haut de page.</p>
<p>Astuce : pour ajouter un lien vers le bloc de navigation, vous pouvez créer un élément de menu avec un lien vers <code>#menubar</code></p>
<p><a href="https://www.dissitou.org/public/grayscale/Menu.png"><img alt="Menu Simple" src="https://www.dissitou.org/public/grayscale/Menu.png" /></a></p>
<h3>Configurateur</h3>
<p>Le configurateur permet de choisir :</p>
<ul>
<li>les images utilisées</li>
<li>les icônes de liens vers les médias sociaux</li>
</ul>
<p><a class="media-link" href="https://www.dissitou.org/public/grayscale/grayscale-presentation.png"><img alt="Configuration du thème - Présentation" class="media" src="https://www.dissitou.org/public/grayscale/grayscale-presentation.png" /></a></p>
<p><a class="media-link" href="https://www.dissitou.org/public/grayscale/grayscale-stickers.png"><img alt="Configuration du thème - Étiquettes" class="media" src="https://www.dissitou.org/public/grayscale/grayscale-stickers.png" /></a></p>
<h3>Licence et droits d'utilisation</h3>
<p>Le thème est distribué sous une licence Apache 2.0. Vous pouvez le modifier à votre guise et le redistribuer sous les mêmes conditions, pour une utilisation personnelle ou commerciale.</p>
<h3>Téléchargement</h3>
<p><a href="https://themes.dotaddict.org/galerie-dc2/details/grayscale" title="Thème Grayscale">Sur Dotaddict</a></p>https://www.dissitou.org/post/Th%C3%A8me-Grayscale#comment-formhttps://www.dissitou.org/feed/atom/comments/63Mentions légalesurn:md5:7bfb236f322a7c1de3af316539193a4c2007-11-02T12:21:00+00:002024-01-21T16:48:22+00:00PhilippeÀ proposboumploppouët <h3>Hébergement</h3>
<p>Ce site est un blog personnel hébergé dans les nuages chez :</p>
<p>GANDI SAS, Société par Actions Simplifiée au capital de 300.000€ ayant son siège social au 63-65 boulevard Massena à Paris (75013) FRANCE, immatriculée sous le numéro 423 093 459 RCS PARIS<br />
Téléphone : +33.(0) 1 70.37.76.61<br />
Télécopie +33.(0) 1 43 73 18 51</p>
<h3>Cookies</h3>
<p>Aucun moyen de traçage des visites n’est en œuvre sur ce blog et seul un stockage local au navigateur utilisé peut conserver les informations permettant de pré-remplir les informations associées à un commentaire, uniquement à la demande explicite du visiteur (case à cocher).</p>
<p> </p>
<p> </p>https://www.dissitou.org/post/Mentions-l%C3%A9gales#comment-formhttps://www.dissitou.org/feed/atom/comments/71