Créé par David LAURENT | TMI | Webinnov™
L’œil au beurre noir
Notre héros est à la recherche de sa bien-aimée. Votre Job consiste à résoudre au fil des tableaux les différentes énigmes pour aider l’œil à retrouver son amour. Lire la suite…

Arrivée le: Départ le:
Facilité le remplissage d’un champ de texte ‘Date’, en l’associant à un calendrier.
Pour cela nous avons besoin de faire appel au plugin JQuery ‘jquery.ui.datepicker-fr.js. En sélectionnant le champ ‘Date’ ci-dessus, le calendrier apparait (voir image ci-contre).
Plusieurs thèmes sont téléchargeables via ce lien. Il ne vous restera plus qu’a l’adapter à votre propre code.
David LAURENT
Utilisation des propriétés ‘Filter’ et ‘Opacity’
David LAURENT
Un petit peu de Code CSS peut-être ?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
.webinnov-draggable { cursor: move; height: 120px; width: 120px; position: absolute; left: 219px; top: 28px; margin: 10px; padding: 0; border: 1px solid rgba(0,0,0,0.5); border-radius: 10px; background: rgba(0,0,0,0.25); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3); -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } |
Survoler à l’aide de votre souris pour voir le résultat – Code HTML…
1 2 3 4 5 |
<div class="rotate"> <div><img src="images/logo_248-64.png" width="248" height="64" alt="logo" /></div> |