NoShade vous plaît?
Nos tutoriaux vous ont aidé?
Nos tutoriaux vous ont aidé?
Partenaires
Webdesign Tutoriaux
Pix-creations
Snoupix
Dot design
Tutofactory
Artbook tuto blog
Antoine Evin
Cours Photoshop
Artspeak
PixBay
Microshyma
Retrographic
Tuto room
Photoshop
DreamSeed
Utopla
Target Graphik
Kwintox
Annuaire gratuit
Jeux de casino
Casinos en ligne
Forex
Backgammon
Online Casinos
Les balises KBD
Les balises KBD
Une petite astuce, pour illustrer facilement une touche du clavier, ou mettre du texte en évidence, grâce aux CSS, hé oui, encore ces fameuses CSS! :)
Autant l'annoncer toute suite, ce tutoriel va être court, très court! ;)
Dans votre fichier css, ou entre les balises <style> de votre document, placez ce bout de code :
kbd {
padding: 0px 2px 0px 2px;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #edd #baa #baa #eed;
background: #faf6f6;
color: #000000; }
padding: 0px 2px 0px 2px;
border-width: 1px 2px 2px 1px;
border-style: solid;
border-color: #edd #baa #baa #eed;
background: #faf6f6;
color: #000000; }
Maintenant, vous pouvez, dans votre contenu, écrire le code :
<kbd>T</kdb>
Nous nous retrouvons donc avec cette petite chose là : T
C'est pas spécialement magnifique, certes, mais ça a le mérite d'être efficace, par exemple pour écrire un tutoriel... "Appuyez ensuite sur la touche C de votre clavier ..."
Sympathique, non? :)
Voilà, c'était aussi simple que cela, personnalisez vos touches pour votre site... amusez vous bien! ;)
Le 12/06/2006 par Legibe