[forumactif]Faire une touche de Clavier.

Date d'inscription: 14/06/2011

Bonjour. Bienvenue dans ce Tuto.
Ce Tuto n'en n'est pas vraiment un... C'est plutôt une Astuce.

Voici ce que vous aurez comme résultat à la fin de cette Astuce, "Tuto".

Ah Oups ! Je ne peux pas le montrer. Je vais donc devoir faire un Screenshot du résultat dans mon forum.
Que voici :

La Partie CSS

Cette partie est la plus simple.

Je vais vous donner le code CSS en entier. Puis je vous le détaillerais.

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;
}

Bon, détaillons ce code.

.kbd : C'est le nom de la Div qui a pour class "kbd".
padding: Gère la marge intérieure.
border-width: Gère le relief de la touche.
border-style: Gère le style des bordures.
border-color: Gère les couleurs des bordures.
background: Gère la couleurs de fond.*
color: Gère la couleur du texte.

Vous pouvez bien évidemment modifier les couleurs selon vos envies.

J'allais oublier. Le code est à insérer dans votre Feuille de style CSS.
(Panneau D'administration > Affichage > Images et Couleurs > Couleurs > Feuilles de Styles CSS.)

La Partie HTML

Cette partie aussi n'a rien de compliqué.

Voici le code de cette partie :

Code:

Ce code correspond à la class que l'on a définie dans le CSS.
Oui car :

ce relie au CSS. Ce qui nous permet d'utiliser notre CSS pour voir le résultat qui est mis ci-dessus.
On peut placer ce code n'importe où.
Et remplacer le "T" par la lettre ou le texte désiré.

Voila. L'astuce est fini. Je sais, j'explique mal... Et puis ça se trouve à des endroits j'ai raconté des bêtises...
Je ne suis pas très forte en CSS et HTML ^^

Pour vos questions, c'est [ici]