Mon bac à sable - Mot-clé - glop
<p>Un atelier de démonstration de thèmes et de plugins pour Dotclear.</p>
2024-02-16T19:51:32+01:00
Philippe Hénaff
urn:md5:62dd470f0e02bb1b7c1fd64f90fee293
Dotclear
Fermeture du blog
urn:md5:4707549d3074bcfa6b49840f300cc0bf
2023-04-01T08:01:00+02:00
2023-04-01T08:01:00+02:00
Philippe
Jeux
glop
humpf
<p>© 2004 - <a href="http://www.codecouch.com/dan/" hreflang="en" title="Dan's page">Dan Nye</a> pour l'Ozone Asylum 20 Line JavaScript Competition</p>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
createFish();
function Fish(ownName) {
this.fishType = Math.round(Math.random() * 7) + 1;
this.positionX = Math.round(Math.random() * 0);
this.positionY = Math.round(Math.random() * 425);
while (!(this.directionX = Math.round(Math.random() * 2) - 1));
while (!(this.directionY = Math.round(Math.random() * 2) - 1));
document.getElementById("fishTank").appendChild(this.canvas = document.createElement("img"));
this.canvas.style.left = this.positionX + "px";
this.canvas.style.top = this.positionY + "px";
setInterval("window['" + ownName + "'].animate();", (Math.round(Math.random() * 4) + 3) * 10)
}
Fish.prototype.animate = FishAnimate;
function FishAnimate() {
if ((newImageName = "/public/fishtank/fish" + this.fishType + (this.directionX > 0 ? "_flipped" : "") + ".gif") != this.canvas.src.substr(this.canvas.src.lastIndexOf("/") + 1)) this.canvas.src = newImageName;
xPos = parseInt(this.canvas.style.left, 10) + this.directionX;
yPos = parseInt(this.canvas.style.top, 10) + this.directionY;
if (xPos > 610 || Math.round(Math.random() * 200) > 199) this.directionX = 0 - (Math.round(Math.random()) + 1);
if (xPos < -75 || Math.round(Math.random() * 200) > 199) this.directionX = Math.round(Math.random()) + 1;
if (yPos > 390 || Math.round(Math.random() * 200) > 199) this.directionY = -1;
if (yPos < 10 || Math.round(Math.random() * 200) > 199) this.directionY = 1;
this.canvas.style.left = xPos + "px";
this.canvas.style.top = yPos + "px"
}
function createFish() {
for (var loop = 0; loop < 30; loop++) window["fish" + loop] = new Fish("fish" + loop)
}
});
//]]>
</script>
<div id="fishTank"></div>
https://www.dissitou.org/post/Fermeture-du-blog#comment-form
https://www.dissitou.org/feed/atom/comments/3
Thème Simple Grayscale
urn:md5:47e1bdd6aff73936be34a47989e57503
2020-04-06T20:01:00+01:00
2021-11-12T07:05:08+00:00
Philippe
Thèmes
boum
dring
glop
pschit
pwet
scratch
<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-form
https://www.dissitou.org/feed/atom/comments/65
Qu'est-ce que c'est que ce blog ?
urn:md5:70294ac5df5a94181a9582e6815613ea
2007-11-02T11:10:00+00:00
2022-02-27T06:57:23+00:00
Philippe
À propos
boum
dring
glop
pwet
<p>Justement, ce n'est pas un vrai blog :</p>
<ul>
<li>on ne peut pas toujours y laisser des commentaires</li>
<li>le contenu des pages est souvent modifié et certaines quelquefois disparaissent sans préavis</li>
<li>les dates sont tout à fait fantaisistes</li>
</ul>
<p>Ce blog me sert principalement à tester et présenter les <a href="https://www.dissitou.org/category/Themes" hreflang="fr" title="Thèmes pour Dotclear">thèmes</a> et <a href="https://www.dissitou.org/category/Plugins" hreflang="fr" title="Plugins pour Dotclear">plugins</a> que je développe, en dilettante, pour <a href="https://dotclear.org/" hreflang="fr" title="Dotclear">Dotclear</a>, le moteur de blogs qui décoiffe.</p>
<p>Vous y trouverez des expérimentations diverses, pas toujours visibles car certains bricolages ont lieu sous le capot, et il arrivera fréquemment que les pages ne soient pas accessibles et remplacées par un vilain message d'erreur. Attention donc aux explosions de PHP, aux projections de CSS et aux taches de HTML qui peuvent survenir à tout moment</p>
<p>A ceux qui seraient restés malgré ces avertissements, je souhaite tout de même une bonne visite. Vous trouverez une blouse et un masque près de la porte à droite pour poursuivre dans une relative sécurité...</p>
https://www.dissitou.org/post/Qu-est-ce-que-c-est-que-ce-blog#comment-form
https://www.dissitou.org/feed/atom/comments/13