Sauf que la présentation par défaut proposé par "bigfoot" ne me convient pas complètement[3]. Et puis ça me permet de regarder comment ça se goupille pour pouvoir modifier le look en surchargeant certaines déclarations en CSS.

Ce qui donne, pour la zone qui affiche le n° de note[4]...

.bigfoot-footnote__button:after {
    content: '['attr(data-footnote-number)']';
    font-size: 0.5em;
    top: 5px;
}

Pour la taille et l'alignement à gauche du texte de la note[5]...

.bigfoot-footnote__content{
    font-size: 14px;
    text-align: left;
}

Pour enlever les arrondis autour du texte de la note...

.bigfoot-footnote,
.bigfoot-footnote__content,
.bigfoot-footnote__wrapper,
.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper{
    border-radius: 0;
}

Pour modifier la couleur des bordures...

.bigfoot-footnote,
.bigfoot-footnote__tooltip{
    border-color: #999999;
}

Pour mettre le fond du texte de la note en blanc...

.bigfoot-footnote,
.bigfoot-footnote__tooltip,
.bigfoot-footnote__content,
.bigfoot-footnote__wrapper{
    background: #FFFFFF;
}

Et pour harmoniser avec les différentes couleurs de la palette "winter" utilisée actuellement...

.winter .bigfoot-footnote__button:after{
    color: #75888C;
}
.winter .bigfoot-footnote__button:hover,
.winter .bigfoot-footnote__button:focus,
.winter .bigfoot-footnote__button:active{
    background-color: #75888C;
}
.winter .bigfoot-footnote__button:hover:after,
.winter .bigfoot-footnote__button.is-active:after {
    color: #FFFFFF;
}

Je me suis beaucoup amusé avec cette extension et remercie très beaucoup chaleureusement son auteur (Franck Paul himself[6])pour l'avoir mise à disposition de la communauté Dotclear.

Pour faire bon poids une dernière note un peu maousse costaude[7] pour achever de tester le bouzin.


[3]Des goûts et des couleurs, toussa...

[4]Ajout des crochets de part et d'autre du n°. Sauf que non : ce n'est finalement pas une bonne idée (voir les commentaires 3 et 4)

[5]Sachant que les textes sont justifiés par défaut dans le thème du blog. Du moins à l'heure où j'écris ce billet. Ca peut changer n'importe quand, au gré de mes humeurs du moment...

[6]Qui en cause très beaucoup bien ici.

[7][Début]...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sit amet pede. Nunc vitae ligula eu lectus elementum pharetra. Ut lectus. Suspendisse vehicula dolor non arcu. Donec mattis, libero a tincidunt molestie, lacus nunc auctor metus, id interdum nibh eros a nunc. Phasellus nisl mauris, dapibus non, varius nec, porttitor a, felis. Morbi feugiat tortor. Nunc nunc. Nulla ac tortor id tellus iaculis porttitor. Morbi commodo est ullamcorper enim. Mauris facilisis, dui vel ornare scelerisque, eros lectus porttitor diam, at euismod lacus nulla condimentum ipsum. Fusce blandit. Sed ligula. Ut ac odio. Suspendisse gravida ante a felis.
...[Fin]