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██&amp;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

Chargement.gif
[[=image http://ic-brouillon-staff.wikidot.com/local--files/outils/Chargement.gif]]
Signal
[[=image http://ic-brouillon-staff.wikidot.com/local--files/outils/Signal height="100px"]]

Icons from loading.io

Sauf mention contraire, le contenu de cette page est protégé par la licence Creative Commons Attribution-ShareAlike 3.0 License