Mon bac à sable - Mot-clé - pschit<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:62dd470f0e02bb1b7c1fd64f90fee293DotclearThè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/63Thème Éditorialurn:md5:b64620b5bc5f23e458534c8bf699c2ac2021-07-10T11:19:00+02:002021-11-12T08:03:45+01:00PhilippeThèmesboumpschitpwetscratch<h3>HML5 UP TEMPLATE</h3>
<p><a class="media-link" href="https://www.dissitou.org/public/editorial/editorial.jpg"><img alt="Éditorial" class="media" src="https://www.dissitou.org/public/editorial/editorial.jpg" /></a></p> <p>Adaptation libre du thème <a href="https://html5up.net/editorial" hreflang="en" title="Éditorial">Éditorial</a>, par HTML5 UP.</p>
<h3>Plugin nécessaire :</h3>
<p>Ce thème nécessite le plugin <a href="https://plugins.dotaddict.org/dc2/details/featuredMedia" hreflang="fr" title="Plugin Featured Media">Featured Media</a> pour associer une image à chacun de vos billets. Si le plugin n'est pas installé, ou si aucune image n'est associée à un billet, une image générique la remplacera.</p>
<p>Conseils d'utilisation pour un meilleur résultat :</p>
<ul>
<li>associer à vos billets une image de grande taille, d'une largeur <em>minimum</em> de 1200px, et d'une hauteur <em>minimum</em> de 400px, quel que soit le ratio</li>
<li>régler la largeur des miniatures moyennes (taille m) de la médiathèque à 600px</li>
</ul>
<h3>Configurateur</h3>
<p>Le configurateur permet de choisir :</p>
<ul>
<li>la publication à la une du blog, qui peut être un billet particulier ou le billet le plus récent</li>
<li>la couleur principale du blog : liens, boutons et séparateurs</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/editorial/editorial-presentation.png"><img alt="Configuration du thème - Présentation" class="media" src="https://www.dissitou.org/public/editorial/editorial-presentation.png" /></a></p>
<p><a class="media-link" href="https://www.dissitou.org/public/editorial/editorial-stickers.png"><img alt="Configuration du thème - Étiquettes" class="media" src="https://www.dissitou.org/public/editorial/editorial-stickers.png" /></a></p>
<h3>Licence et droits d'utilisation</h3>
<p>Le thème est distribué sous licence Creative Commons Attribution 3.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/editorial" title="Thème Éditorial">Sur Dotaddict</a></p>https://www.dissitou.org/post/%C3%89ditorial#comment-formhttps://www.dissitou.org/feed/atom/comments/223Thème Simple Grayscaleurn:md5:47e1bdd6aff73936be34a47989e575032020-04-06T20:01:00+01:002021-11-12T07:05:08+00:00PhilippeThèmesboumdringgloppschitpwetscratch<h3>Avec du vrai Bootstrap 5 dedans !</h3>
<p><a class="media-link" href="https://www.dissitou.org/public/simplegrayscale/simplegrayscale.jpg"><img alt="Thème Simple Grayscale" class="media" src="https://www.dissitou.org/public/simplegrayscale/simplegrayscale.jpg" style="margin: 0 auto; display: block;" title="" /></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 5.</p>
<h3>Personnalisation du thème</h3>
<p>Le comportement et les images sont modifiables dans la page d'administration du thème</p>
<p><a class="media-link" href="https://www.dissitou.org/public/simplegrayscale/simplegrayscaleconfig.png"><img alt="Configuration du thème" class="media" src="https://www.dissitou.org/public/simplegrayscale/simplegrayscaleconfig.png" /></a></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>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>
<p>Toutefois, l'image incluse n'est pas libre de droits, bien que sa réutilisation soit autorisée (<em>fair use</em>). Remplacez-la par votre propre image si vous mettez le thème sur un site en ligne.</p>
<h3>Téléchargement</h3>
<p><a href="https://themes.dotaddict.org/galerie-dc2/details/simplegrayscale" title="Thème Simple Grayscale">Sur Dotaddict</a></p>https://www.dissitou.org/post/Th%C3%A8me-Simple-Grayscale#comment-formhttps://www.dissitou.org/feed/atom/comments/65Wiki in situurn:md5:e7f5b169754fc3cfabea8c48d4f04a7d2007-11-04T09:59:00+00:002017-05-13T15:31:34+00:00PhilippeTestsdringpschitscratch<p><a href="https://www.dissitou.org/public/Collines.jpg"><img alt="Collines.jpg" src="https://www.dissitou.org/public/.Collines_t.jpg" style="float:left; margin: 0 1em 1em 0;" /></a>Vestibulum ultrices "purus" : id 'odio'. <Duis> nec <<erat>> ornare dolor pellentesque gravida. Pellentesque turpis. Cras non mauris. Donec pede leo, eleifend non, imperdiet non, interdum ut, diam. Vestibulum porta. Nulla interdum wisi non neque. Ut sollicitudin blandit sem. Etiam risus diam, elementum id, vehicula eget, consectetuer ac, quam. Cras sapien.</p>
<p>cœur</p>
<p>Vestibulum ultrices purus id odio. Duis nec erat ornare dolor pellentesque gravida. Pellentesque turpis. Cras non mauris. Donec pede leo, eleifend non, imperdiet non, interdum ut, diam. Vestibulum porta. Nulla interdum wisi non neque. Ut sollicitudin blandit sem. Etiam risus diam, elementum id, vehicula eget, consectetuer ac, quam. Cras sapien.</p> <h3>Titre de niveau h3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <strong>Sed scelerisque euismod leo. Donec magna</strong> (balise <code><strong></code>). Integer mollis nonummy magna. Donec tristique lorem a pede. Nunc scelerisque sodales justo. Phasellus tempus eros. Praesent feugiat, mauris at malesuada blandit, justo nisl dignissim tortor, a ornare sem nulla in ante. Integer elit orci, tempor eu, rhoncus ut, tristique eu, tellus. <em>Sed eget lorem</em>. (<code><em></code>) Sed sodales, purus et luctus adipiscing, orci nulla scelerisque orci, at lobortis ante sapien vitae felis. Aenean varius tempor ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras malesuada commodo leo. <ins>Pellentesque habitant morbi tristique</ins> senectus et netus et malesuada fames ac turpis egestas.</p>
<p><q>Etiam mollis, nunc vitae dignissim cursus, velit odio sollicitudin mi, ut sollicitudin turpis elit eu elit. (<code><q></code>)</q></p>
<h4>Titre de niveau h4</h4>
<p>Vestibulum ultrices purus id odio. Duis nec erat ornare dolor pellentesque gravida. Pellentesque turpis. Cras non mauris. Donec pede leo, eleifend non, imperdiet non, interdum ut, diam. Vestibulum porta. Nulla interdum wisi non neque. Ut sollicitudin blandit sem. Etiam risus diam, elementum id, vehicula eget, consectetuer ac, quam. Cras sapien.</p>
<blockquote>
<p>Morbi sed erat. Maecenas rutrum nunc a erat. Nam libero nunc, mattis eget, pellentesque nec, molestie in, wisi. Phasellus rutrum neque nec eros. Donec lectus lacus, lacinia in, lacinia non, semper eget, lectus. In hac habitasse platea dictumst. (<code><blockquote></code>)</p>
</blockquote>
<p>In velit. Suspendisse potenti. In accumsan, odio id commodo consectetuer, libero nulla feugiat nisl, eget tincidunt metus quam non justo. Praesent tellus. Integer aliquam. Duis pulvinar lectus ac nibh auctor pharetra. In eleifend. Donec rhoncus erat quis mi. Aenean leo ante, adipiscing venenatis, mattis ut, volutpat nec, sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<h5>Titre de niveau h5</h5>
<p>Curabitur aliquet arcu non nulla. Phasellus dictum enim sed odi :</p>
<pre>
Integer molestie faucibus felis. Nam volutpat commodo dolor. Cras viverra. Cras euismod odio et massa commodo vehicula. Etiam eget tellus. Etiam tempus sapien sit amet nulla. Sed euismod, metus eu condimentum ornare, nunc dui malesuada wisi, et tempor nisl ante vel nisl. Praesent sit amet libero ut wisi tincidunt eleifend. (<code><pre></code>)</pre>
<p>Aenean mauris. Ut egestas cursus massa. Fusce venenatis tellus nec augue dapibus aliquam. Ut ac lorem.</p>
<p>Morbi eget purus. Integer tempor consectetuer risus :</p>
<ul>
<li>Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.</li>
<li>Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
<ul>
<li>Cras wisi sapien</li>
<li>dictum id,</li>
<li>fringilla ut,</li>
<li>gravida sed, mi</li>
</ul>
</li>
<li>Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.</li>
<li>Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.</li>
<li>Vivamus mollis. (<code><ul><li></code>)</li>
</ul>
<p>Vivamus risus. Maecenas eros arcu, dictum ut, euismod et, dictum id, tellus. Etiam nonummy vestibulum mi. Donec leo dui, congue et, rhoncus eu, accumsan eu, arcu. Morbi id enim vel elit varius cursus.</p>
<ol>
<li>Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.</li>
<li>Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
<ol>
<li>Cras wisi sapien</li>
<li>dictum id,</li>
<li>fringilla ut,</li>
<li>gravida sed, mi</li>
</ol>
</li>
<li>Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.</li>
<li>Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.</li>
<li>Vivamus mollis. (<code><ol><li></code>)</li>
</ol>
<hr />
<p>Pellentesque condimentum nisl vitae sapien. Phasellus convallis leo id tortor. In eu felis in neque placerat auctor. Phasellus in mi at wisi congue ultrices. Etiam viverra. In vel sem sed augue dignissim aliquet. Integer nisl quam, vestibulum nec, consectetuer eu, sodales at, ligula. <del>Pellentesque habitant morbi tristique senectus</del><sup>[<a href="https://www.dissitou.org/post/Wiki-in-situ#pnote-43-1" id="rev-pnote-43-1">1</a>]</sup> et netus et malesuada fames ac turpis.</p>
<div class="footnotes">
<h4 class="footnotes-title">Note</h4>
<p>[<a href="https://www.dissitou.org/post/Wiki-in-situ#rev-pnote-43-1" id="pnote-43-1">1</a>] Une petite note expliquant la suppression et qui permet de tester aussi cette mise en forme particulière.</p>
</div>https://www.dissitou.org/post/Wiki-in-situ#comment-formhttps://www.dissitou.org/feed/atom/comments/12