Les derniers billets

Gazouillis d'août 2010

Par Jean-Michel Royer le mardi, septembre 14 2010, 10:35 - En vrac - Tags : alsacreations, dotclear, google, twitter, wordpress

Si vous avez loupé mes gazouillis durant le mois passé, en voici un récapitulatif :

News

Inspiration & Graphisme

Ressources

  • Le blog de Elaee (http://www.elaee.com/) est riche en contenu sur l'emploi.
  • Le thème Koi (Wordpress) est gratuit et bien sympathique.

2 commentaires

Gazouillis de juillet 2010

Par Jean-Michel Royer le samedi, juillet 31 2010, 10:51 - En vrac - Tags : coup-de-coeur, dotclear, inspiration, ressources, webdesign, wordpress

Si vous avez loupé mes gazouillis durant le mois passé, en voici un récapitulatif :

Blogging

Ressources

Inspiration & Graphisme

Webdesign

3 commentaires

Mettre en place une table des matières d'un billet sous Dotclear 2

Par Jean-Michel Royer le jeudi, mars 5 2009, 11:40 - Tips Dotclear 2 - Tags : jQuery, table-des-matieres

Sur mon blog « Carnet Pao », je souhaitai voir apparaitre une table des matières en début de certains longs billets. Vous pouvez voir le résultat sur cette page.

  • D’un point de vue rédactionnelle, il faut structurer son texte avec différents titres de niveaux (ou header).
  • Ensuite, utiliser le script Jquery:planize conçu par Nicolas Perriault.
  • Recopier le script dans le répertoire js de son thème.
  • Le déclarer dans le fichier post.html entre les balises <head></head>, en insérant la ligne suivante :
<script type="text/javascript" 
src= "{{tpl:BlogThemeURL}}/js/planize.js" >
</script>
  • A chaque billet souhaité, insérer le code suivant :
<script type="text/javascript">
$(document).ready(function(){
$('.post *').planize({ 
min_level: 3,
generate_toc:true,
toc_elem:$('#toc'),
toc_title: 'Index',});
});
</script>
<div id="toc"></div>
...ici le contenu du billet...
  • Ensuite, éventuellement personnaliser (#toc, #toc ul li, #toc h4) via le fichier style.css.

Merci à Amalgame, Samuel Martin et Nicolas Perriault pour la mise en place.

EDIT 17/12/2009 : TomTom33 a rajouté des options à son plugin MultiToc ce qui permet de mettre en place facilement une table des matières d’un billet à la manière de Wikipédia

aucun commentaire

Afficher au passage de la souris l'url de votre visiteur-commentateur

Par Jean-Michel Royer le mardi, avril 8 2008, 21:17 - Tips Dotclear 2 - Tags : commentaires, css, design

Afficher au passage de la souris l'url de votre visiteur-commentateur

Sur le site WebDesignWall, sur la zone des commentaires, quand on passe la souris sur le nom du visiteur “commentateur”, l’url de son site s’affiche en toute lettre et reste cliquable.

CSS Trick donne un début de piste en l’appliquant sur un lien avec une adresse e-mail.

Voici son application sur le lien de votre visiteur-commentateur (cela marque sur la plupart des CMS et une page web simple). D’autres applications sont possibles. Sous Dotclear 2

Dans le fichier style.css, rajouter la ligne (n’hésitez pas à enrichir par la suite, votre class CSS) :

.comments-site a:hover:after { content: " > " attr(href); }

puis remplacer, dans le fichier post.html, la ligne :

{{tpl:lang by}} {{tpl:CommentAuthorLink}}

par :

 {{tpl:lang by}} <span class="comments-site">{{tpl:CommentAuthorLink}}</span>

Astuce pensée avec Moe sur le forum Dotclear 2.

2 commentaires