SCRIPTS php html javascript navigateur page web informatique

 

 

NEWSLETTER ICI !!!
 
telecharger la barre d'outils
              astuces ICI

 

 

Une animation fixe

Une image qui ne bouge pas dans la page

 

Vous voyez ces ampoules qui clignotent en haut à gauche et en bas à droite ? Descendez la page, elles resteront en place. Il y a quelques petits réglages à faire.

 

Mettre dans la partie head de la page  :

<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com/ */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 150px;
background-color: #fff;
text-align:right;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#CCCCFF;
}
#centre {
background : #000 url('../../../SCRIPTS/smile023.gif') no-repeat 50% 50% ;
margin-right: 150px;
margin-left: 150px;
padding:20px 0 20px 0;
}
#gauche {
position: fixed;
background : url('../../../SCRIPTS/terre008.gif') no-repeat;
top:0;
left:0;
margin:20px 0 20px 20px;
height:150px;
width: 150px;
}
#droite {
position: fixed;
background : url('../../../SCRIPTS/perroquet_004.gif') no-repeat;
right:0;
bottom:0;
margin:0 0px 50px 0;
width: 200px;
height:250px;
}

p {
color:#fff;
margin: 20px 20px 10px 20px;
text-indent: 1em ;
}

.style1 {
color: #800080;
}
.style2 {
text-align: center;
color: #800080;
font-size: xx-large;
}

</style>

et dans le body :

<div id="gauche">
<p class="style1">&nbsp;</p>
<p class="style1">
<img alt="" src="http://www.10moi.fr/images/ampoule.gif" width="40" height="40" /></p>
</div>
<div id="droite">
<p class="style1">&nbsp;</p>
<p>
<img alt="" src="http://www.10moi.fr/images/ampoule.gif" width="40" height="40" /></p>

</div>

 

A vous d'adapter ensuite !


 

 

.