NoShade.net est en vente — Contactez nous si vous êtes intéressé
Le siteTutoriauxInterviews
icone RSS NoShade.net

Accueil » Tutoriaux » Css » 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; }


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

Partager ce tutoriel : icone Scoopeo icone del.icio.us icone Digg icone Facebook icone Technorati icone TwitThis icone Google icone Live icone MySpace icone Wikio icone Mixx icone Reddit icone NewsVine

Vous avez aimé ce tutoriel ?

Faites un don pour nous encourager à en écrire d'autres! :-)

Commentaires :

Ajouter un commentaire sur ce tutoriel

CSS, balises html <kbd>, Touches
Si vous avez remarqué une erreur (une faute ou tout autre type de problème que nous puissions corriger), n'hésitez pas à nous écrire!
Soyez aussi précis que possible et n'oubliez pas de nous indiquer le tutoriel dans lequel l'erreur se trouve. Merci!! :)