Pour ombrer un texte ( ne se voit que sous Firefox et sous Safari), vous écrivez votre texte normalement, ensuite dans la source de l'article en bas du texte, ajoutez ceci,en y mettant la couleur désirée.

Firefox en téléchargement gratuit ici

<style type="text/css"><!--
.contenuArticle {text-shadow: 0.1em 0.2em 0.1em #A2B5bF;color:#FFB6B8;font-style: italic;width:100%;font-family:Georgia;}
--></style>
<style type="text/css"><!--
--></style>

Le petit prince,  Antoine de Saint Exupery

Ah! petit prince, j'ai compris, peu à peu, ainsi, ta petite vie mélancolique.

Tu n'avais eu longtemps pour distraction que la douceur des couchers de soleil.

J'ai appris ce détail nouveau, le quatrième jour au matin, quand tu m'as dit:

- J'aime bien les couchers de soleil.

Allons voir un coucher de soleil...

- Mais il faut attendre...

- Attendre quoi ?

- Attendre que le soleil se couche.

Tu as eu l'air très surpris d'abord, et puis tu as ri de toi-même.

Et tu m'as dit:

- Je me crois toujours chez moi !

En effet. Quand il est midi aux États-Unis, le soleil, tout le monde le sait, se couche sur la France.

Il suffirait de pouvoir aller en France en une minute pour assister au coucher de soleil.

Malheureusement la France est bien trop éloignée.

Mais, sur ta si petite planète, il te suffisait de tirer ta chaise de quelques pas.

Et tu regardais le crépuscule chaque fois que tu le désirais...

- Un jour, j'ai vu le soleil se coucher quarante-trois fois ! Et un peu plus tard tu ajoutais:

- Tu sais... quand on est tellement triste on aime les couchers de soleil...

- Le jour des quarante-trois fois tu étais donc tellement triste ? Mais le petit prince ne répondit pas.

Un menu qui se déplie ça te tente?
En voila un que je viens de mettre au point et ce sans prise de tête, une partie de HTML et une partie de CSS

Partie 1

À mettre dans le HTML de ton article en n'omettant pas de changer les liens et les titres des boites

<div class="ma_boite">
<div class="title_box">Première boite</div>
<div class="content_box" style="overflow: none;">Ici tu peux mettre un lien.</div>
</div>
<div class="ma_boite">
<div class="title_box">Seconde boite</div>
<div class="content_box" style="overflow: none;">Ici tu peux mettre un second lien.</div>
</div>
<div class="ma_boite">
<div class="title_box">troisième boite</div>
<div class="content_box" style="overflow: none;">Ici tu mets un troisième lien.</div>
</div>
<div class="ma_boite">
<div class="title_box">quatrième boite</div>
<div class="content_box" style="overflow: none;">Ici tu mets un quatrième lien.</div>
</div>

Tu peux évidement y mettre autant de boites que tu le désires, il te suffit de recopier à chaque fois  le codage

<div class="title_box">le titre</div>
<div class="content_box" style="overflow: none;">Le lien.</div>
</div>

Partie2

À mettre dans la CSS, tu peux modifier les couleurs, hauteurs etc

.ma_boite
{background-color:transparent;
width:250px;
height:20px;
overflow:hidden;
transition: height 1s;
-moz-transition: height 1s;
-webkit-transition: height 1s;
-o-transition: height 1s; 
}

.ma_boite:hover
{
height:150px;
}
.title_box
{
color:#FFFFFF;
background-color:#ae7eb0;
border: 1px solid #FFFFFF;
border-radius: 5px;
}
 
Et voilà le résultat