Cours de petits codages ...

Salut !!
Bienvenue dans les p'tits cours de codages !!

Je pensais que c'était une bonne idée de vous montrer quelques trucs ^^
Je vous propose ici quelques codes pour vous apprendre à embellir vos forums, sujets ou pages d'accueil !!
ça vous tente ? Oui ? Non ?
Bah tant pis pour les non et tant mieux pour les oui !!

¤ Règle d'Or :
La politesse est reine en ce lieu. Un "Merci !" de temps en temps n'est pas de trop !!

¤ Règle d'Argent :
Pas de Flood !! seuls les remerciements sont acceptés !!

¤ Règle de Bronze :
Peut-être est-ce inhabituel, mais je vous demanderais de ne pas me demander des choses précises. Lorsque j'ai besoin d'idées pour savoir ce que je veux vous enseigner, je vous le demanderais en attendant, merci de me laisser choisir ^^.

Ah, oui, un petit rappel : il peut arriver que vous ne puissiez pas voir les résultats. Dans ce cas-la, allez vérifier dans votre Profil, Mes Préférences, que "Toujours activer le HTML" est bien coché en "Oui"

1° cours :
Faire un titre comme celui-ci, superposé.

Pour faire un texte comme celui-ci, il suffit que vous colliez dans votre message les codes ci-dessous. La couleur est bien évidemment modifiable, tout comme le texte, la police et l'alignement

Code:

<SPAN style="FONT-FAMILY: GEORGIA">
<blockquote>
[center]<FONT face=georgia size=7>[color=brown]Votre premier texte[/color]</FONT>
<FONT face=georgia size=6>[color=orange]Votre deuxième texte[/color]</FONT>[/center]
</blokquote>
</SPAN>

le code ci-dessus nous donnerait précisément ce résultat :

Votre premier texte
Votre deuxième texte

2° cours :
Faire un petit menu déroulant.

Vous êtes-vous déjà demandé comment faire un petit menu déroulant comme celui ci-dessous ?
Sûrement pas. Cela ne vient pas à l'esprit. Pourtant, ça peut être pratique, très pratique !!
Vous pouvez bien évidemment changer les titres, la largeur et le nombre d'options, que vous pouvez cumuler à volonté.

Avec les codes ci-dessous :

Code:

<div style="margin:auto;text-align:center;width:100%"><select style="width: 268px;" onchange="location = this.value">
<option selected="selected">TITRE DU MENU</option>
<option value="LIEN">TITRE</option>
<option value="LIEN">TITRE</option>
<option value="LIEN">TITRE</option>
</select></div>

Vous obtiendrez ceci :

3° cours :
Ombre.

Je sais que pour certains, c'est facile, mais au début, moi, j'avais mis du temps à trouver. Alors voilà comment on fait une ombre sur un texte !! Evidemment et comme d'habitude, la couleur et modifiable, mais également ici l'angle (2px 2px 3px). Pour mettre l'ombre vers la gauche/haut (elle est ici vers la droite/bas), il vous faudra mettre en négatif. Sachez que la première valeur est celle droite/gauche, la deuxième est celle haut/bas et la troisième et celle de la largeur de l'ombre.

Code:

<p style="text-shadow:2px 2px 3px black;"> Votre Texte (: </p>

Ou voilà le résultat :
Votre Texte (:

ou à l'opposé (-2px -2px 3px) :
Votre Texte (: