Outils pratiques
Vous trouverez sur cette page un ensemble d'outils de formatage, de mise en page, et autres vous permettant d'ajouter des petites touches de personnalisation à vos différentes créations.
QR Code
Grâce au code qui suit, vous aurez la possibilité d'intégrer à vos pages des QR Codes fonctionnels et servant de lien image. Celui-ci dessus vous redirigera, si vous cliquez dessus, ou si vous le scannez, vers la page d'accueil.
Le code est le suivant
[[html]]
<a href="██Lien de la page cible██" target="_top">
<img id='barcode' src="https://api.qrserver.com/v1/create-qr-code/?data=██Lien de la page cible██&size=█hauteur en pixel█x█largeur en pixel█" alt="" title="Accueil" width="█largeur en pixel█" height="█hauteur en pixel█" />
</a>
[[/html]]Barre de chargement
[[html]]
<html><style>#myProgress {width: 30%; background-color: #939393; border-radius : 5px; margin: auto;}#myBar {width: 0%; height: 15px; background-color: #C72E2E; text-align: left; font-family: Calibri; text-indent: 42%; line-height: 15px; color: black; border-radius : 5px}
</style><body><div id="myProgress"><div id="myBar">0 %</div></div><script>(function move() {var elem = document.getElementById("myBar");var width = -9;var id = setInterval(frame, 40); function frame() {if (width >= 100) {clearInterval(id);} else {width++; elem.style.width = width + '%'; elem.innerHTML = width * 1 + '%';}}}) ();</script></body></html>
[[/html]]Icône et nom
[[module ListUsers users="."]]
[[=]]
[[image http://d2qhngyckgiutd.cloudfront.net/89db3fe3ea7ca93aaa442cb0f2c9fe65
size="thumbnail" style="border: none;" width="30px"]]
@@@@
{{Bienvenue, **##darkred|%%title%%##**, %%number%%}}
[[/=]]
[[/module]]Cadre gris
Test
[[div class="box-grey"]]
Test
[[/div]]Animation de chargement
[[=image http://ic-brouillon-staff.wikidot.com/local--files/outils/Chargement.gif]][[=image http://ic-brouillon-staff.wikidot.com/local--files/outils/Signal height="100px"]]Icons from loading.io