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
- Dotclear organiser son 1er DotCamp
- Concours Cascading Style Summer Refresh 2010 chez Alsacréations
- Google est en train déployer une option multi-comptes (RT @mlerouzic)
- Recevez par email les @replies de votre compte #twitter - ugotwitt.com/ (RT @Loiseau2Nuit)
Inspiration & Graphisme
- Lancement de Themify (thèmes Prenium Wordpress) par Nick La
- Une nouvelle galerie d'inspiration 100% frenchy (The French Touch Web) est lancé par Sandrine Abraham
- Marie Catrib's Store ([mariecatribs.com/store/)
- Original Homepage, i love it (www.adhamdannaway.com/)
- Le très joli site de LunaWeb (www.lunaweb.fr/)
- Oh ! C'est joli et bien fait ! j'aime beaucoup (www.helpyourhabitat.org/)
Ressources
- Le blog de Elaee (www.elaee.com/) est riche en contenu sur l'emploi.
- Le thème Koi (Wordpress) est gratuit et bien sympathique.
105 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
- Dotclear 2.2 (Blog officiel Dotclear)
- Accessibilité et refonte de l'administration (Blog officiel Dotclear)
- Réorganisation du forum (Blog officiel Dotclear)
- Wordpress pourrait trainer en justice le developpeur du thème Thesis (ReadWriteWeb)
- Des blogueuses culinaires se réunissent pour financer un plugin (RT @oncletom)
Ressources
- 200 vector graphic styles for web design with Illustrator
- Galerie proposant des fonds d'écran inédit pour sa page Twitter
- Tester son site web sur téléphones mobiles avec ProtoFluid (Alsacréations)
- Polices de caractères sur le web : un an après, où en sommes-nous ? (Boris Forcini)
Inspiration & Graphisme
- Photographisme - Laurent Seroussi a enfin son site internet
- Inseo - agence Web
- Le blog de Betty (via annso)
- 45 exemples de webdesign de sites mobiles
Webdesign
- Weightshift (via Alsacréations)
- Le blog/portfolio de Geoffroy Crofte (via Alsacréations)
- Génial ce coup de pinceau en CSS (via Stéphane Thomas)
- Travis Neilson
104 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="/img/spacer.gif">
- 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
83 commentaires
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
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.
301 commentaires