• Des SCRIPTS gratuits, expliqués et personnalisables.
    •
Visualisez, puis téléchargez les fichiers correspondants (zip).
        • Il ne restera plus qu'à inclure les codes dans vos pages !
           
• Free and customable SCRIPTS.
                • For more convenience, zip files are proposed.
                    • Download and include script on your page.

LISTE des SCRIPTS
Cliquer ici

CETTE RUBRIQUE...

05 Slogan 3D
06 Slogan clignotant n°1
07 Slogan clignotant n°2
08 Effet drapeau
09 Effet miroir
10 Pages tombent
11 Rotation-transition
13 Vue aérienne
14 Slogan zoomé n°1
15 Slogan zoomé n°2
16 Slogan zoomé n°3
17 Logo (1) traverse l'écran
18 Logos (3) traversant l'écran
19 Logo en diagonale
20 Chute de logo
21 Logo kangourou
22 Texte clignotant
23 Un logo à travers l'écran
24 Slogan en diagonale
25 Ombre sur texte
26 Slogan de droite à gauche

27 Message à ressort
28 Etoiles sur logo
29 Bandeau promotionnel
30 Enchainer des images
31 Bulles
32 Logo aller et retour
33 Logo aux 4 côtés
34 Texte rotatif
35 Cube d'images
36 Texte suiveur
37 Logo suiveur
38 Confettis
39 Spot sur le logo
40 Effet aquatique
41 Sous la neige
42 Va-et-vient vertical
43 Des images se baladent
44 Une loupe sur l'image
45 Enchaîner des bannières
46 Le logo change de couleur

>> suite.........................

UN EFFET D'OMBRE SUR UN TEXTE

Cliquez sur "download" pour télécharger le kit nécessaire
Permet de ne pas avoir recours à des images, mais simplement à du texte !
Compatible IE et NS.

KITWEB...

KITWEB...




1/ Ajouter entre les balises <HEAD> et </HEAD>:
ou entre body et /body ...
<style>
div {position:absolute;}
.ombre {top:+5; left:+5; color:black;}
.texte {top:0; left:0; color:red;}
</style>

Personnaliser:
  • dans top:+5 et left:+5 le décalage de l'ombre (top pour vertical, left pour horizontal).
  • dans color la couleur du texte et de l'ombre.


  • 2/ Ajouter dans le corps de la page
    à l'emplacement où doit apparaître l'effet
    <div>
    <div class="ombre">
    <center><h1>ICI VOTRE TEXTE</h1></center>
    </div>
    <div class="texte">
    <center><h1>ICI VOTRE TEXTE</h1></center>
    </div>
    </div>
  • le même texte doit être écrit deux fois, pour obtenir l'effet d'ombre.
  • le <div> de l'ombre se met avant le <div> du texte car le browser affiche les éléments du document de haut en bas et ainsi l'ombre apparaîtra, en final, en-dessous du texte.
  • insérez autant de <br> que nécessaire pour distinguer l'effet et le reste du texte.