Réduire la hauteur du bandeau

Pour réduire la hauteur du bandeau, on va éditer le tiddler StyleSheet et y ajouter 3 lignes (j'ai laissé la ligne de centrage mais en commentaire), et voilà, vous pouvez jouer avec les styles ...

Capture047.PNG

Capture045.PNG

Capture046.PNG

Capture048.PNG

Ajouter un écran au démarrage

Au chargement du TiddlyWiki on peut afficher un SplashScreen, pourquoi s'en priver, surtout que plus le fichier HTML sera gros et plus il mettra du temps à charger Il faut ajouter le plugin suivant

puis éditer le tiddler MarkupPreHead en joutant le code voulu. Et voilà le splash ...

Capture052.PNG

Capture053.PNG

Capture054.PNG

Capture055.PNG

Capture056.PNG

Ajouter une Horloge

Et si on mettait une horloge dans le bandeau gauche ?

Il faut une horloge en flash et un player pour le flash

Puis saisir la macro qui va bien dans le tiddler MainMenu et zou ...

Capture034.PNG

Capture035.PNG

Capture036.PNG

Capture037.PNG

Ajouter un calendrier

On va ajouter un calendrier à notre TiddlyWiki, pour cela il nous faut deux plugins :

Je vous propose de le mettre dans la sidebar de droite. Il suffit d'ajouter au tiddler SideBarOptions un appel à la nouvelle macro <<calendar thismonth>>. Une fois validé vous aurez forcément une erreur si vous n'avez pas sauvegardé puis rechargé la page.

Capture038.PNG

Capture039.PNG

Capture040.PNG

Capture041.PNG

Capture042.PNG

Capture043.PNG

Capture044.PNG

Je n'ai pas réussi à le centrer pour l'instant ... (avis aux amateurs)

Ajouter un effet lightbox

Vous croyez qu'il n'y a pas de lightbox ? Détrompez-vous ! Et commencez par installer le plugin suivant avec l'image

Il nous faut une image et sa vignette (ou thumbnail). Il suffira d'ajouter <<imagebox>> juste après le code d'insertion de l'image et go !

Capture049.PNG

Capture050.PNG

Capture051.PNG

Capture075.PNG

Ajouter le syntaxhighlightning

Un petit plugin (un de plus ...) il va permettre de rendre plus lisible le code des macros et autres plugins ...

Il faut de plus éditer le tiddler StyleSheet parce que sinon c'est pas plus clair et y ajouter [[StyleSheetSyntaxHighlighter]]. C'est plus lisible non ?

Capture057.PNG

Capture058.PNG

Capture059.PNG

Capture060.PNG

Capture061.PNG

Ajouter un spoiler

En fait un plugin plus évolué que le plugin annotation de base

Mais là par contre je vous laisse lire la documentation parce que le paramétrage peut être aux petits oignons :

++++(cookiename)!!!!!^width^*@{{class{[label=key|tooltip][altlabel|alttooltip]#panelID:>...content goes here===}}}

Capture062.PNG

Capture063.PNG

Capture064.PNG

Capture065.PNG

Capture066.PNG

Ajouter un Header, un Disclaimer et un cadre

Comme vous avez du le voir ici Introduction dans l'onglet Mise en page vous pouvez ajouter facilement un header, un footer et un cadre. Je ne pense pas que cela nécessite plus d'explication ...

Capture067.PNG

Capture071.PNG

Capture068.PNG

Capture069.PNG

Capture070.PNG

Capture072.PNG

Capture073.PNG

Capture074.PNG

A la prochaine ... :-)