Postit en confiance

Le postit se compose en 2 parties, une partie à mettre dans le CSS et une autre à mettre en mode source.

Première partie :

à mettre dans le CSS

#postit {
position: absolute;
top: ***px; (à personnaliser)
left: ***px; idem
z-index: ***; idem
width: ***px; idem
height: ***px;  idem
background: transparent url(http://fond-du-post-it) no-repeat center center;
font-family: comic sans ms;
font-size: 16px;
font-weight: normal;
color: #000;
font-style: italic;
text-align: left;
line-height:20px;
margin: 0;
padding: 0;
}

#postit p {
padding:0 10px 0 10px !important;
padding:10px 10px 0 10px;
}
#close {
     position: absolute;
bottom: 5px;
right: 10px;
     text-decoration: none;
font-size:10px;
     font-family: verdana;
font-style: normal;
color: #000;
padding: 5px 20px 5px 0;
background: url(http://image-du-bouton-close) no-repeat center right;
}

Seconde partie:

à mettre en mode source

<div id="postit">

<p>Texte du post-it</p>

<a id="close" onclick="document.getElementById('postit').style.display ='none';" href="#nogo">Fermer</a></div>

 dans l'entête ou un module texte libre. (Attention toute fois, le post-it apparait alors sur toutes les pages) ou dans le message d'accueuil.

Et ça marche

Voilà
le code est évidemment à personnaliser